- Начало работы
- Текст
- Цвет и фон
- Изображения
- Ссылки
- Мета-теги
- Таблицы
- Списки
- Горизонтальные линии
- JavaScript
- События
- Полезные советы Web-мастеру
- Список елементов HTML
- Раскладка цветовой гаммы по RGB-составляющим
- Спецсимволы в HTML
- Курсоры
- Фильтры, применяемые к тексту
- Фильтры, применяемые к изображениям
- Дополнительные возможности тега BODY
- Формы
- E-mail формa
Яндекс.Новости
- Список елементов HTML
Содержание
| Фильтр Mask. Вверх |
Выделяет текст, как будто бы Вы выделили его мышью.
Синтаксис:
STYLE="filter:Mask(Color='Color')"
Color - цвет выделения в шестнадцатиричном виде (напр. #000FFF) или название цвета на английском, например, Red, Blue, Green. Такое определение цвета применяется во всех фильтрах, поэтому дальше это повторяться не будет.
Пример:
<P STYLE="filter:Mask(Color='Red'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center;"> Пример </P>
Пример
| Фильтр Shadow. Вверх |
Создает тень текста
Синтаксис:
STYLE="filter:Shadow(Color='Color', Direction='Direction')"
Color - цвет тени.
Direction - направление тени (от 0 до 315).
Пример:
<P STYLE="filter:Shadow(Color='#000000', Direction='130'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>
Пример
| Фильтр DropShadow. Вверх |
Добавляет тень к тексту.
Синтаксис:
STYLE="filter:DropShadow(Color='Color', OffX='Offx', OffY='Offy', Positive='Positive')"
Color - Цвет тени
OffX - Смещение тени по X
OffY - Смещение тени по Y
Positive - Тень слева или справа (0 или 1 соответственно)
Пример:
<P STYLE="filter:DropShadow(Color='#7FFF00',OffX='3',OffY='3',Positive='1'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>
Пример
| Фильтр FlipH. Вверх |
Переворачивает текст горизонтально.
Синтаксис:
STYLE="filter:FlipH"
Пример:
<P STYLE="filter:FlipH; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>
Пример
| Фильтр FlipV. Вверх |
Переворачивает текст вертикально.
Синтаксис:
STYLE="filter:FlipV"
Пример:
<P STYLE="filter:FlipV; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>
Пример
| Фильтр Glow. Вверх |
Создает эффект сияния.
Синтаксис:
STYLE="filter:Glow(Strength='Strength', Color='Color')"
Strength - сила, с которой текст засияет (0-100)
Color - цвет, которым текст засияет.
Пример:
<P STYLE="filter:Glow(Strength='3', Color='#00FF00'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: DarkGreen;"> Пример </P>
Пример
| Фильтр Wave. Вверх |
Делает текст волнистым.
Синтаксис:
STYLE="filter: Wave( Freq='Freq', Add='Add', LightStrength='LightStrength', Phase='Phase', Strength='Strength')"
Freq - колличество волн
Add - показать/скрыть окантовку (1 или 0 соответственно)
LightStrength - сила волн
Phase - угол волн
Strength - интенсивность волн
Пример:
<P STYLE="filter:Wave(Freq='5', Add='0', LightStrength='1', Phase='2', Strength='2'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>
Пример
| Фильтр Blur. Вверх |
Размывает текст в определенную сторону.
Синтаксис:
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия
Пример:
<P STYLE="filter:Blur(Add='1',Direction='30',Strength='10'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Blue;"> Пример </P>
Пример
Обратитие внимание: цвет размытия не задается, фильтр задает его сам; в данном примере определен только цвет текста.