Jump to content

Text Gradients With Css


Guest infinitystuff

Recommended Posts

Hi,There may be another method but you can add a 1px gradient PNG (with alpha transparency) over the text.

<h1><span></span>CSS Gradient Text</h1>h1 {  font: bold 330%/100% "Lucida Grande";  position: relative;  color: #464646;}h1 span {  background: url(gradient.png) repeat-x;  position: absolute;  display: block;  width: 100%;  height: 31px;}

Link to comment
Share on other sites

Without using images, you can create a whole lot of 1px-tall elements, each with a slightly variant background-color.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...