Jump to content

Text Gradients With Css


Guest infinitystuff
 Share

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...