тень для текста - посмотреть код бесплатно

«Тень для текста», т. е. свойства атрибута text-shadow поддерживают браузеры: Firefox, Opera, Chrome — не поддерживают: Internet Explorer, N. Navigator. Причина этого в том, что спецификация CSS 3 еще не получила статус официальной рекомендации.


                        
CSS тень текста на примере заголовка







Код примера:







 <head>

 <title>CSS текст с тенью на примере заголовка</title>

 </head>

 <body>

 <h1 style="text-shadow:#6699ff 1px 1px 1px">CSS тень текста на примере заголовка</h1>

 </body>







Рассмотрим строчку кода text-shadow:#ff9933 1px 1px 1px. Значение #ff9933 определяет цвет тени, участок кода 1px 1px 1pxопределяет соответственно: смещение тени вправо, смещение тени вниз и размытие тени.



Сместим тень текста по горизонтали и по вертикали на отрицательную величину:



Как сделать текст с тенью при помощи CSS?



Код примера:







 <head>

 <title>CSS тень текста на примере заголовка</title>

 </head>

 <body>

 <h1 style="text-shadow:#cccccc -15px -20px 2px">Как сделать текст с тенью при помощи CSS?

</h1>

</body>

fiska

Комментарии

Без комментариев...

Поделиться кодом

Пожаловаться на код

Переслать код