При помощи генератора тени текста CSS можно легко и быстро создать тень для любого текста.
Пример блока | |
Код для вставки: { filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true); text-shadow:1px 1px 1px 1px rgba(0,0,0,1); -webkit-text-shadow:1px 1px 1px 1px rgba(0,0,0,1); -moz-text-shadow:1px 1px 1px 1px rgba(0,0,0,1); } |
|
px | |
px | |
px | |
px | |
Данный генератор, создает CSS код, который в последствии необходимо будет применить к нужному вам элементу у которого вы хотите создать эффект тени текста. При создании тени текста используются свойства:
При использовании тени текста не следует забывать, что в ряде случаев, данное свойство расширяет границы элемента, и в этом случае может появиться полоса прокрутки или сместиться сама страница.
У свойств text-shadow, -webkit-text-shadow и -moz-text-shadow следующий синтаксис:
Свойство: none | <тень1> [,<тень2>]*
Где:
Пример работы CSS генератора тени текста text-shadow |