dHTML фильтры

Большинство нижеприведенных
примеров смогут работать
только в IE 4.x и выше.
Если не идёт то скачайте
саму страницу здесь

Текст

Графика

Mask - Выделяет текст
Shadow - Супер тень
FlipH - Переворачивает текст
FlipV - Переворачивает текст
Glow - Сияющий текст
Wave - Волнистый текст
DropShadow - Още один вид тени

Alpha - Осветляет рисунок
Blur - Размазывает картинку
Invert - УХ!
Gray - Рисунок делает черно-белым
Chroma - Опред. цвет дел. прозрачн.
XRay - Светло-черно-белый цвет
RevealTrans - Рисунок проявляется

Фильтры применяемые к тексту

Фильтр Mask

Фильтр Mask выделяет объект,как будто бы вы выделили его мышью.
Синтаксис:
STYLE="filter:Mask(Color=color)" color - цвет выделения(#ff0000)
Пример:

Среди всех я самая выделенная

Фильтр Shadow

Фильтр Shadow делает объекту тень
Синтаксис:
filter:Shadow(Color=color, Direction=direction) color - цвет тени.
Direction - (от 0 до 315)направление тени.

<style>
.pr2{filter:Shadow(Color="#000000", Direction="150")}
</style>
<div class="pr2" style="width:200;height:30;font:16pt;color:red;">Я самая теневая</div>

Я самая теневая

Фильтр FlipH

Фильтр FlipH переворачивает объект горизонтально.
Синтаксис:
STYLE="filter:FlipH"
Пример:

<style type="text/css">
.pr3{filter:FlipH;}
</style>
<div class="pr3" style="width:200;height:30;font:16pt;color:red;">Я самая перевернутая</div>

Я самая перевернутая

Фильтр FlipV

Фильтр FlipV переворачивает объект вертикально.

Фильтр Glow
С помощью фильтра Glow ваш обект засияет.
Синтаксис:
STYLE="filter:Glow(Strength=strength, Color=color;)" color - цвет которым засияет текст.
strength - сила с которой он засияет(0-100)
Пример: <style type="text/css"> .pr4{filter:Glow(Strength=3, Color="#ff0000")} </style> <div class="pr4" style="width:200;height:20;font:bold 16pt;color:gold"> Я самая сияющая

Я самая сияющая

Фильтр Wave

Фильтр Wave делает объект волнистым.
Синтаксис: filter: Wave( Freq=freq, Add=add, LightStrength=strength, Phase=phase, Strength=strength) Freq - число волн
Add - незнаю :(
LightStrength - сила волны
Phase - угол волны
Strength - интенсивность волны
Пример:

<style>
.pr5{filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2)}
</style>
<div class="pr5" style="width:400;height:30;font:26pt;color:red;">Я самая волнистая</div>

Вот что получилось:

Я самая волнистая

Фильтр DropShadow

Фильтр DropShadow делает тень к тексту.
Синтаксис:

STYLE="filter:DropShadow(Color=color, OffX=Offx, OffY=Offx, Positive=positive)" Color - Цвет тени(#ff0000)
OffX - Смещение тени по X
OffY - Смещение тени по Y
Positive - Значение или 0, или 1.

Пример:

Я самая оттенистая

Форма входа

Календарь новостей

Поиск

Друзья сайта

Пожалуйста помогите... нажмите на картинки любые.. Стать партнером | Купить рекламу

Статистика

Онлайн всего: 3

Гостей: 3

Пользователей: 0