Шаг 43.
Основы CSS.
Фильтры mask, shadow и xray

    На этом шаге мы рассмотрим фильтры mask, shadow и xray.

    Фильтр mask выделяет объект, как если бы вы его выделили мышью, при этом можно задать цвет выделения. Синтаксис:

    STYLE="filter:mask(Color=<цвет>)",
где Color - цвет, используемый для выделения.

    На рисунке 1 приведен пример использования этого фильтра.

Пример текста

Рис.1. Результат использования фильтра mask (наведите курсор мыши на рисунок)

    Здесь использованы следующие значения параметров:

    Color='#FF0000'   .

    Фильтр shadow создает тень объекту. Его общий вид:

    STYLE="filter: shadow(Color=<цвет>, Direction=<число>)",

    Здесь Color определяет цвет тени (задается в формате RGB), а Direction (значение от 0 до 315 с шагом в 45 градусов) определяет направление тени.

    На рисунке 2 приведен пример использования этого фильтра.

Пример текста

Рис.2. Результат использования фильтра shadow (наведите курсор мыши на рисунок)

    Здесь использованы следующие значения параметров:

    Color='#0000FF', Direction=135   .

    Фильтр xray отображает объект в черно-белых тонах. Синтаксис:

    STYLE="filter:xray()".

    На рисунке 3 приведен пример использования этого фильтра.


Рис.3. Результат использования фильтра xray (наведите курсор мыши на рисунок)

    На следующем шаге мы рассмотрим фильтр wave.




Предыдущий шаг Содержание Следующий шаг