Css тінь тексту - як зробити текст з тінню

Як зробити текст з тінню

CSS атрибути і значення, що визначають тінь для тексту

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

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

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


CSS текст з тінню на прикладі заголовка


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



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

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

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


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


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



Тепер ви знаєте, як зробити ефект «Текст з тінню» за допомогою CSS. Ще: Тінь блоку в CSS.

Схожі статті