[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Общая информация » Вопросы по uCoz » Как сделать текст с тенью при помощи CSS?
Как сделать текст с тенью при помощи CSS?
RedStarДата: Пятница, 15.08.2014, 17:11 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
Эффект «Тень для текста», т. е. свойства атрибута 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>
 
Форум » Общая информация » Вопросы по uCoz » Как сделать текст с тенью при помощи CSS?
  • Страница 1 из 1
  • 1
Поиск:


Copyright "IPC" © 2008
Хостинг от uCoz