Градиент текста <h1>

Question

У меня есть текст тега h1.Можно ли придать этому тексту тень с помощью CSS?(желательно без JavaScript).

Любая помощь?

Мне нужен градиент цвета от: # 486882 до # 2b4356

Answer 1

Градиенты и тени не совпадают:

Текст-тень: https://developer.mozilla.org/en/CSS/text-shadow

Градиент текста: http://matthewleak.co.uk/css3bob/

Answer 2

Нет способа напрямую указать градиент в css для text-shadow. Однако вы можете использовать два text-shadow вместе, чтобы получить желаемый эффект:

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

Answer 3

Возможно, но вы должны освоить кросс-браузерную совместимость.Вот хороший пример

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

Надеюсь, это поможет

Answer 4

Да, вполне возможно с CSS3.

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

DEMO