Reputation: 119

Text gradient <h1>

I have a h1 tag text. Is it possible to give this text a shadow using CSS? (preferable without JavaScript).

Any help?

I need a color gradient from: #486882 to #2b4356

Upvotes: 1

Answers (4)

Reputation: 10619

Yup quite possible with CSS3.

text-shadow: XXpx XXpx 0px #2b4356;

Upvotes: 0

Reputation: 6181

There is no way to directly specify a gradient in css for text-shadow. However, you can use two text-shadows together to get the effect you want:

h1 { text-shadow: 0 0 0.2em #2b4356, 0 0 0.1em #486882 }

Upvotes: 1

Reputation: 1893

Gradients and shadows are not the same:

Upvotes: 3

Reputation: 60448

It is possible but you have to master the cross browser compatibility. Here is nice sample

Hope this helps

Upvotes: 1