Шаг 44.
Основы CSS.
Фильтр wave

    На этом шаге мы рассмотрим фильтр wave.

    Фильтр wave делает объект волнистым. Синтаксис:

    STYLE="filter:wave(Add=<логическое значение или число>, 
      Freq=<число>,  LightStrength=<число>,  
      Phase=<число>, Strength=<число>)"

    Опишем назначение каждого параметра.

    Прокомментируем некоторые параметры.

    Свойства freq и phase определяют количество максимумов в синусоидальной волне искажения и фазу смещения волны, которая задается в процентах от фазы обычной синусоиды, имеющей начальное значение 0. Величина этого параметра, равная 100%, соответствует фазе смещения в 360 градусов. Все остальные значения лежат в интервале от 0 до 100. Например, значение phase: 25 соответствует синусоиде с фазой смещения в 90 градусов. Последнее свойство lightStrength определяет интенсивность освещения для имитации трехмерного эффекта поднятия гребней волны. На рисунках 1 и 2 показаны изображения после обработки фильтром wave с различными параметрами (наведите на рисунок курсор мыши).


Рис.1. Параметры Add=false, Freq=3, LightStrength=15, Phase=25, Strength=10


Рис.2. Параметры Add=false, Freq=3, LightStrength=25, Phase=25, Strength=15

    Со следующего шага мы начнем рассматривать динамические фильтры.




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