Тема: Фильтры, применяемые к текстам и изображениям в 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
© ООО «Знанио»
С вами с 2009 года.