С помощью CSS можно сделать эффект падения тени от текста на страницу. Это можно использовать
для оформления заголовков или акцентирования внимания на каком-либо месте страницы. При этом при описании
параметров тени можно установить её цвет, смещение относительно надписи и радиус размытия.
Чтобы придать тексту такой эффект, используется свойство text-shadow со
следующими параметрами:
цвет - цвет в любом формате: RGB, #...... или универсальное название;
сдвиг по х - смещение тени по горизонтали относительно теста. При положительном значении тень
смещается вправо, при отрицательном - влево;
сдвиг по у - смещение тени по вертикали. При отрицательном значении тень будет сдвигаться вверх.
радиус - радиус размытия тени.
Параметры сдвигов по осям являются обязательными.
Вы можете описать для одного текста более одной тени, тогда нужно будет указывать значения свойств для каждой тени
в описании через запятую.
Причём порядок отображения теней может различаться в зависимости от используемых версий CSS.
Давайте рассмотрим теперь всё это на конкретном примере:
Из одной лягушки компот не сваришь.
Вот описание правил CSS для этой записи:
Примечание: это свойство (text-shadow) не поддерживается браузером Internet Explorer. Для того, чтобы придать
свойство отбрасывания тени, используется свойство filter: Shadow(параметры).
Пробуйте и экспериментируйте, CSS при умелом использовании позволяет творить настоящие чудеса! :)
