Добавьте эффект Shadow для шрифтов, используя CSS

Question

Привет всем, снова мне нужна ваша помощь: D

Возможно ли добавить эффект тени к тексту в HTML, используя только CSS ??Я работаю над проектом, в котором много кнопок, и мне нужно найти способ добавить эффект тени к тексту в них без использования изображений и быть совместимым с наиболее используемыми браузерами.Я попытался использовать свойство text-shadow в CSS, но оно не сработало.

Спасибо

Answer 1

Да, вот синтаксис:

text-shadow: 2px 2px 2px #000;

В целом:

text-shadow: x y blur color;

и ссылка на найденную мной страницу: http://www.css3.info/preview/text-shadow/.

Answer 2

Да.И вы можете найти несколько ответов на ваш вопрос через Google, но это один из лучших: http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Answer 3

Хотя на этот вопрос уже был дан ответ, я подумал, что стоит добавить, что можно добавить поддержку IE8, используя следующие filter s:

filter: glow(color=#ffff00,strength=3);
filter: dropshadow(color=#ffff00,offX=5,offY=5);

К сожалению, похоже, что это работает если элемент имеет display: block; и определенный height (или) width; или элемент имеет position: absolute;, что немного меньше, чем замечательно.

Ссылаясь на мой источник для этого: Текст-тень, на: http://www.howtocreate.co.uk/textshadow.html, хотя яЯ не могу проверить точность, так как я не пользуюсь IE (любой версией) или Windows, если есть такая возможность.

Answer 4

Поскольку IE по-прежнему является наиболее часто используемым браузером, я боюсь, что ответ - нет.

Однако, если вы готовы отказаться от своего требования только css , выможно использовать, например, этот плагин jQuery .