WEB-нотатки - записник он-лайн

CSS 3 текст з тінню.
Приклад тексту з тінню:

CSS 3 текст - створюємо тінь

Код прикладу:

Code
<head>  
<title>Як зробити текст з тінню за допомогою CSS</title>  
</head>  
<body>  
<h1 style="text-shadow:#6699ff 1px 1px 1px">CSS 3 текст - створюємо тінь</h1>  
</body>

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

Змістимо тінь по горизонталі і по вертикалі на негативну величину:


Як зробити текст з тінню за допомогою CSS 3?

Код прикладу:

Code
<head>  
<title>Як зробити текст з тінню в CSS 3</title>  
</head>  
<body>  
<h1 style="text-shadow:#cccccc -15px -20px 2px">Як зробити текст з тінню за допомогою CSS 3?
</h1>  
</body>
Категорія: CSS3 · Додав: mr_smith (27.05.2010)
Переглядів: 822 · Рейтинг: 5.0/3
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]

Пошук

Категорії

 
© pya.at.ua 2009 - 2025
Хостинг від uCoz