На этом шаге мы приведем общие сведения о фильтрах.
С созданием Internet Explorer 4.0, наряду с использованием обычных, традиционных свойств HTML, появилась возможность редактирования изображения с помощью графических фильтров.
Непосредственно графический фильтр - это программа или алгоритм, выполняющий какое-то преобразование изображения. Делается это только с использованием принципов кодирования самой картинки, а не того, что на ней нарисовано, например некоторый фильтр просто берет и меняет цвета всех пикселей изображения на противоположные, либо переворачивает его по вертикали и так далее.
Графические фильтры бывают двух видов: статические и динамические. Любой статический графический фильтр выполняет мгновенное преобразование элемента Web-страницы, к которому применяется. Динамические фильтры, позволяют отображать не какое-то преобразование, а целый процесс, создавая эффект анимации. Такие фильтры иногда называют переходами.
Фильтры применяются только к тем элементам, которые могут определить прямоугольный блок при отображении в окне браузера и не являются окнами. В следующей таблице перечислены элементы, к которым можно применить фильтры.
| Элемент | Фильтр применяется… |
|---|---|
| BODY | … всегда. |
| BUTTON | … всегда. |
| DIV | … если заданы ширина (width), высота (height) или элемент абсолютно позиционирован. |
| IMG | … всегда. |
| INPUT | … всегда. |
| MARQUEE | … всегда. |
| SPAN | … если заданы ширина (width), высота (height) или элемент абсолютно позиционирован. |
| TABLE | … всегда. |
| TD | … всегда. |
| TEXTAREA | … всегда. |
| TH | … всегда. |
Чтобы применить фильтр к элементу достаточно задать значения свойства filter.
filter: имя_фильтра([параметры]);
Некоторые фильтры требуют задания несколько параметров, а у некоторых они вообще отсутствуют, но круглые скобки должны присутствовать обязательно. Несколько фильтров, примененных к одному элементу, задаются в виде списка с пробелом в качестве разделителя:
<IMG SRC="1.gif" STYLE="filter: blur(strength=50) fliph()">
Со следующего шага мы начнем рассматривать статические фильтры.
