Тень Текста описание
CSS3 text-shadow собственно является одним из самых популярных методов постепенного улудшения дизайна веб-сайта. Хотя это свойство было изначально в спецификации CSS 2.1, но после было отозвано из-за отсутствия поддержки. Однако в настоящее время еще, теперь уже в CSS3 имеет широкую поддержку среди современных браузеров.
Свойство text-shadow, собственно, очень прост в использовании. Синтаксис выглядит следующим образом::
Он принимает четыре значения: первое значение определяет расстояние тени х (по горизонтали), второе значение устанавливает расстояние в у (вертикально), третье значение определяет размытия тени и последнее значение набора цвета.
Хотя это сравнительно легко запоминаются по сравнению с другими CSS3 правилами, такими как border-radius, полезно иметь такой вот генератор, так что вы можете создавать ваши текстовые тени в реальном времени и настраивать их примерно также как в Photoshop.
Поддержка Браузеров
На момент написания следующие браузеры поддерживают CSS3 text-shadow стиль ::
| Браузер | Поддержка text-shadow? |
| Firefox 3.1+ | Полная поддержка |
| Firefox 1-3 | Нет |
| Safari 4+ | Полная поддержка |
| Safari 3.1+ | Частичная поддержка |
| Chrome 2+ | Полная поддержка |
| Chrome 1 | Нет |
| IE9 | Полная поддержка |
| Opera 9.5+ | Полная поддержка |