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