Фильтры, применяемые к текстам и изображениям в HTML

Тема: Фильтры, применяемые к текстам и изображениям в HTML.

План занятия:

1.      Фильтры, применяемые к текстам

2.      Фильтры, применяемые к текстам и изображениям в HTML

Цель занятия: Изучить возможности изменения текста и изображения с помощью фильтров.

Как изменить внешний вид текста в HTML (размер, цвет, "жирность" и т.д.) Вы уже знаете, но еще HTML поддерживает работу с Фильтрами. Применяя различные Фильтры к тексту, можно добиться интересных эффектов.

Фильтр Mask.Выделяет текст, точнее фон на котором написан текст, как будто бы Вы выделили текст мышью.

Синтаксисфильтра: STYLE="filter:Mask(Color='Color')

Color - цвет выделения в шестнадцатиричном виде (напр. #000FFF) или название цвета на английском, например, Red, Blue, Green.  

Фильтр Shadow.Создает тень текста.

Синтаксисфильтра: STYLE="filter:Shadow(Color='Color', Direction='Direction')"

Color - цвет тени.
Direction - направление тени (от 0 до 315).

Фильтр DropShadow.Добавляет тень к тексту.

Синтаксисфильтра:
STYLE="filter:DropShadow(Color='Color', OffX='Offx', OffY='Offy', Positive='Positive')"

Color - Цвет тени
OffX - Смещение тени по X
OffY - Смещение тени по Y
Positive - Тень слева или справа (0 или 1 соответственно)

Фильтр FlipH.Переворачивает текст горизонтально.

Синтаксис фильтра: STYLE="filter:FlipH"

Фильтр FlipV.Переворачивает текст вертикально.

Синтаксис фильтра: STYLE="filter:FlipV"

Фильтр Glow.Создает эффект сияния.

Синтаксисфильтра: STYLE="filter:Glow(Strength='Strength', Color='Color')"

Strength - сила, с которой текст засияет (0-100)
Color - цвет, которым текст засияет.

Фильтр Wave.Делает текст волнистым.

Синтаксисфильтра:STYLE="filter: Wave (Freq='Freq', Add='Add', LightStrength='LightStrength', Phase='Phase', Strength='Strength')"

Freq - колличество волн
Add - показать/скрыть окантовку (1 или 0 соответственно)
LightStrength - сила волн
Phase - угол волн
Strength - интенсивность волн

Фильтр Blur.Размывает текст в определенную сторону.

Синтаксисфильтра:
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"

Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия

Фильтры, применяемые к изображению

Ø   Фильтр Alpha (Осветвление изображение)

Ø  Фильтр Blur (Размазытие изображения)

Ø  Фильтр Invert (Инверсия изображения)

Ø  Фильтр Gray (Черно-белое изображение)

Ø  Фильтр Chroma (Определенный цвет делается прозрачным)

Ø  Фильтр XRay (Негативное изображение)

Ø  Фильтр RevealTrans (Появление изображения)

Скачано с www.znanio.ru