Встроенные Фильтры в IE 5.0 (скачать архив)

Для удобства Web-дизайнеров и пущей радости Web-серферов в недрах Microsoft родили очередное усовершенствование HTML, которое не поддерживает ни одна программа, кроме их ненаглядного Explorer’а. Этим нововведением стало внедрение в броузер нескольких стандартных фильтров, как для работы с текстом, так и для графики. Работа с подобными эффектами основана на CSS и требует знания основ описания стилей в HTML-документе (ждите статью – уже скоро).

Начнем с текстовых фильтров. Итак, фильтр первый: Тень. Синтаксис Shadow(Color=”#xxxxxx”, Direction=”Degree”). Даёт эффект отбрасывания тени от направленного источника света цвета Color, направленного под углом Degree. Вот пример: shadow(Color="#654456", Direction="135"):

Тень

 

Следующий фильтр похож на предыдущий, но отбрасывает тень не сплошную, а образованную сдвигом исходного текста в заданном направлении. Синтаксис: DropShadow(Color=”#xxxxxx”, OffX=”x”, OffY=”x”, Positive=”{+1,-1}”). Тень имеет цвет Color, Сдвинута на  OffX по горизонтали и на OffY по вертикали от исходного текста, Positive определяет направление сдвига. Пример: DropShadow(Color="#ac2354а", OffX="3", OffY="3", positive="1"):

Тоже Тень.

 

Достаточно полезным может оказаться и следующий фильтр – Glow, создающий сияние, ореол вокруг надписи. Его синтаксис таков: Glow(Strength="x", Color="#xxxxxx"). Сияние имеет цвет Color  и силу Strength. Выглядит это так:    Glow(Strength="10", Color="#23f2a4").
   

Сияние, кажись.

 

Сомнительна полезность таких эффектов, как перевертыши, но приведу и их. FlipH и FlipV: из названия очевидно их назначение. Параметров не требуют.

Перевертыш.

Еще один.

 (попробуй, прочти!!)

Ну и последний известный мне текстовый эффект – эффект выделения мышью.  Mask(Color="#xxxxxx") – цвет фона делается равным Color, а цвет текста , как обычно при выделении, инвертируется. Mask(Color="#5412a3") выглядит так:

 

Без мыши мышь!

 

Пора перейти к графическим фильтрам. Инженеры Microsoft, как водится, проявили недюжинную заботу о пользователе, введя следующие жизненно необходимые фичи (Только больше не спрашивайте, почему всё растут и растут размеры дистрибутивов. Сами уже не маленькие, пора бы знать: всё ради нас с вами, ненаглядных; токмо из заботы). Фильтр Alpha имитирует прозрачность картинки разными способами: Alpha(Opacity=”x”, FinishOpacity=”x”, Style=”0..3”, StartX=”x”, StartY=”x”, FinishX=”x”, FinishY=”x”). Параметры Opacity и FinishOpacity характеризуют начальную и конечную прозрачность, Start.. и Finish.. – начальную и конечную  точки приложения эффекта, а вот Style-то как раз  и отвечает за способ приложения эффекта. Прозрачность может быть приложена равномерно, линейно меняться от начальной точки к конечной или распространяться в виде эллипса или прямоугольника. Ввиду экономии места не привожу примера картинки, но вы можете скачать архив со всеми примерами эффекта здесь.

Симпатичный фильтр Blur(Add=”{0,1}”, Direction=”Degree”, Strength=”x”) классически размывает ваше изображение сдвигом в направление Degree с силой Strength. Add отвечает за наложение размытия на исзодное изображение.

Эффект Gray и описывать скучно: название понятное, параметров не имеет…

Напоследок два фильтра, делающие из вашего изображения совершенное пугало. Встречайте: Invert и XRay. Тоже не имеют параметров, один инвертирует цвета картинки, а другой, похоже, ещё и переводит это безобразие в черно-белую гамму. Впечатляет!!

Засим позвольте откланяться, а вы не забудьте  скачать архив с примерами.

 

Bear.