1ПИ / Учебник HTML / 213

Учeбник HTML,CSS.Фильтры.Параметры.Примеры. guide

<dimas>

help On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help Главная Учебник HTML Учебник CSS Web- mastering Раскрутка Полезности FAQ Е- mailer Взять banner bookmark Контакты Отослать ссылку

Учебник CSS >>Фильтры Фильтры предоставляют возможность для изменения внешнего вида текста и графики документа, а также групп элементов, заключенных в тэги <DIV> и </DIV>. Фильтр задается точно так, как задается любое свойство элемента при помощи стиля.

Синтаксис: {filter: имя(параметры)}

alpha blur chroma dropshadow flipv fliph glow gray invert mask shadow wave xray Фильтр alpha Фильтр alpha задает уровень прозрачности элемента.

Синтаксис: {filter:Alpha(Opacity="20",FinishOpacity="45",Style="3")}

Используется с рядом параметров: opacity - уровень прозрачности от 0 до 100

{filter:Alpha(Opacity="20",FinishOpacity="45",Style="3")}

{filter:Alpha(Opacity="40",FinishOpacity="45",Style="3")}

{filter:Alpha(Opacity="90",FinishOpacity="45",Style="3")} finish opacity - конечный уровень прозрачности от 0 до 100, параметр ограничивает использование прозрачности до заданного значения. style - форма прозрачной области: 0 - универсал, 1 - линия,2 - круг,3 - прямоугольник. startx - начало прозрачной области применяется только с style=1, задается в процентах. starty - начало прозрачной области применяется только с style=1, задается в процентах. finishx - конец прозрачной области применяется только с style=1, задается в процентах. finishy - конец прозрачной области применяется только с style=1, задается в процентах.

Фильтр blur Фильтр blur задает элементу эффект размытости при движении.

Синтаксис: {filter:Blur(Add="1",Direction="270",Strength="15")}

Используется с параметрами: add - либо 0-false,либо 1-true direction - задает направление размытия в градусах от 0 до 360, при этом поворот на -45 градусов автоматически эквивалентен повороту на 315 градусов. 0 - Top 45 - Top right 90 - Right 135 - Bottom right 180 - Bottom 225 - Bottom left 270 - Default left 315 - Top left strength - величина смещения.

Фильтр chroma Фильтр chroma задает прозрачность для одного цвета.

Синтаксис: {filter:Chroma(Color ="#fdfd03")}

Использует параметр: color - ввиде "#rrggbb"

Фильтр dropshadow Фильтр dropshadow отбрасывает тень от объекта.

Синтаксис: {filter:DropShadow(Color="#6699CC",OffX="3",OffY="3",Positive="1")}

dropshadow Использует параметры: color - задает цвет тени ввиде "#rrggbb" offx - задает смещение тени по оси X offy - задает смещение тени по оси Y positive - либо 0-верхний слой виден частично, либо 1- верхний слой виден весь.

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

Синтаксис: {filter:FlipV;}

Фильтр flipv Фильтр fliph Фильтр fliph горизонтально переворачивает объект:

Синтаксис: {filter:FlipH;}

Фильтр fliph Фильтр glow Фильтр glow задает ореол вокруг объекта:

Синтаксис: {filter:Glow(Strength=3, Color="#0000ff")}

glow Использует параметры: color - задает цвет сияния ввиде "#rrggbb" strength - задает интенсивность сияния от 0 до 100

Фильтр gray Фильтр gray преобразует объект в черно-белые цвета.

Синтаксис: {filter:Gray;}

Фильтр invert Фильтр invert инвертирует оттенки, цвета и яркость объекта

Синтаксис: {filter:Invert;}

Фильтр mask Фильтр mask задает выделение объекта цветом:

Синтаксис: {filter:Mask(Color="#0000ff")}

mask Использует параметр: color - ввиде "#rrggbb"

Фильтр shadow Фильтр shadow отбрасывает тень от объекта.

Синтаксис: {filter:Shadow(Color="#000000", Direction="150")}

shadow Используется с параметрами: direction - задает направление тени в градусах от 0 до 360, при этом поворот на -45 градусов автоматически эквивалентен повороту на 315 градусов. 0 - Top 45 - Top right 90 - Right 135 - Bottom right 180 - Bottom 225 - Default bottom left 270 - Left 315 - Top left color - ввиде "#rrggbb"

Фильтр wave Фильтр wave задает волнообразное отображение объекта

Синтаксис: {filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2)}

wave Использует параметры: add - либо 0-false,либо 1-true freq - задает количество волн phase - задает фазу волны lightstrength - задает изменение интенсивности освещенности на пиках волн strength - задает интенсивность волны

Фильтр xray Фильтр xray показывает контур объекта, как если бы это был рентгеновский снимок:

Синтаксис: {filter:Xray;}

Взять banner bookmark Контакты Отослать ссылку Раскрутка Полезности FAQ Е- mailer Главная Учебник HTML Учебник CSS Web- mastering guide

<dimas>

help u="u227.69.spylog.com";d=document;nv=navigator;na=nv.appName;t="";p=1; sz=" width=88 height=31 "; hl=history.length;d.cookie="b=b";c=0; bv=Math.round(parseFloat(nv.appVersion)*100); if (d.cookie) c=1;n=(na.substring(0,2)=="Mi")?0:1; if((n==0)||(bv >= 300)){rn=Math.random();t=(new Date()).getTimezoneOffset();} else {rn=0;} z="p="+p+"&rn="+rn+"&t="+t+"&c="+c+"&hl="+hl; if (self != top) { fr=1;} else { fr=0;} r=escape(d.referrer);r1=""; sl="1.0";h=0; pl="";sl="1.1"; if((n==1) && (bv >= 300)) { for(var i = 0; i < nv.plugins.length; i++) pl += nv.plugins[i].name+":"; } j = (navigator.javaEnabled() ? "Y" : "N"); sl="1.2";s=screen;wh=s.width+'x'+s.height; px=(n==0)?screen.colorDepth:screen.pixelDepth;z+="&wh="+wh+"&px="+px; sl="1.3" y=""; y+=""; y+=""; y+=""; d.write(y); On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help