文本渐变<h1> </h1>

Question

我有一个h1标签文字。是否可以使用CSS为此文本提供阴影？ （最好没有JavaScript）。

任何帮助？

我需要一个颜色渐变：＃486882到＃2b4356

Answer 1

渐变和阴影不一样：

Text-Shadow：https://developer.mozilla.org/en/CSS/text-shadow

文字渐变：http://matthewleak.co.uk/css3bob/

Answer 2

这是可能的，但您必须掌握跨浏览器兼容性。 这是很好的样本

http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/

希望这有帮助

Answer 3

无法在text-shadow的css中直接指定渐变。但是，您可以一起使用两个text-shadow来获得所需的效果：

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

Answer 4

使用CSS3非常可能。

text-shadow：XXpx XXpx 0px＃2b4356;

DEMO