Тень у текста посредством css (text-shadow)

В этом посте опишу как сделать эффект тени у текста. Для работоспособности необходимо подключать jquery
В css3 есть такое свойство как text-shadow, которое позволяет делать у текста тень. Опять же его понимают только современные браузеры и для ишака то и нужно подключать jquery и соответствующий плагин.
Сам плагин можно скачать отсюда: http://kilianvalkhof.com/uploads/jquerytextshadow/jquery.textshadow.js
Автор скрипта рекомендует ставить версию jquery выше чем 1.20
Установка тени обычным способом производится следующим образом
.class {
text-shadow:2px 2px 3px #696969;
}
Теперь, чтобы заработало и в ИЕ, нужно подключить скрипты (сам jquery и плагин) и прописать в head следующее
<script type="text/javascript">
$(document).ready(function(){
$("div.text-shadow").textShadow();
});
</script>
Пример использования text-shadow
можно посмотреть здесь: http://kilianvalkhof.com/uploads/jquerytextshadow/
Tweet


Комментарии
Я протестировал эту фичу – не работает в 8 версии интернет-эксплорера…. А потому штука ненужная…. Полезно было бы иметь такую, которая была бы для всех браузеров без исключения. Ну а пока микрософт не до конца слизал для свих браузеров код с файрфокса и оперы, интернет-эксплорер так и будет работать только на половину как браузер ….
у меня работало. Плагин не забыли подключить?