[Table]Всё чаще и чаще можно встретить блоги, где текст имеет небольшую тень, раньше подобные эффекты можно было создать благодаря jQuery или рисовать графическое изображение с тенью, но сейчас это возможно реализовать, благодаря CSS3, а именно свойству text-shadow.[/Table]
Демо - http://www.center-dm.ru/data/CSS_3/text_shadow/index-text_shadow.html [Table]Описание свойства:
Давайте рассмотрим небольшой пример[/Table]
[Table]CSS-Code[/Table]
Code
h1 {text-shadow: 0px 0px 4px #69c2db; }
[Table]Первое значение ( 0px ) - обозначает смещение тени по горизонтали. При положительном значении смещает тень вправо, при отрицательном – влево;
Второе значение ( 0px ) - обозначает смещение тени по вертикали. При положительное значении смещает тень вниз, при отрицательном – вверх.
Третье значение ( 4px ) - обозначает размытие тени.
Четвертое значение (#69c2db) - обозначает цвет тени.[/Table]
[Table]Также стоит не забывать что свойство text-shadow позволяет создавать множественные тени. Для этого нужно через запятую указать дополнительный ряд значений, например:[/Table]
[Table]CSS-Code[/Table]
Code
h1 {text-shadow: 0 0 24px #df8585, 0 0 4px #df8585, 1px 1px 2px #df8585; }
[Table]Лично моё мнение, что данный эффект, подходит для заголовков того или иного контента, так как при меньшем размере шрифта любая тень на мой взгляд будет немного мешать основному тексту.[/Table]
