<style type="text/css">
.div {position:absolute;font-size:44}
</style>
<BODY>
<div class=div style="filter:blur(strength=10)"> blur </div>
</BODY>
CHROMA – делает прозрачным пикселы заданного цвета.
Свойства:
Color - задает цвет пикселов объекта, которые становятся прозрачными.
Пример.
<style type="text/css">
div {position:absolute;font-size:44}
</style>
<BODY>
<div style="FILTER: chroma(color=gray)">filt
<FONT color=gray>e</FONT>rs </div>
DROPSHADOW – рисует сплошной силует объекта, смещенный в заданном направлении, создавая тем самым эффект объекта, расположенного над страницей и отбрасывающего на нее тень.
Свойства:
Color - задает цвет создаваемой тени.
offX, offY – количество пикселов в горизонтальном и вертикальном направлениях, на которые смещается тень от объекта.
Positive – определяет, должен (true) или не должен (false) фильтр создавать падающую тень от прозрачных пикселов объекта.
Пример.
<style type="text/css">
div {position:absolute;font-size:44}
</style>
<BODY>
<div style="FILTER: dropShadow(color=lightblue, offx=3,offy=-3)">filt
<FONT color=black>e</FONT>
rs </div>
flipH – рисует объект в зеркальном отображении относительно горизонтальной плоскости.
flipV – рисует объект в зеркальном отображении относительно вертикальной плоскости.
Пример.
<style type="text/css">
div {position:absolute;font-size:44}
</style>
<BODY>
<div style="FILTER: flipH">filters </div>
<div style="FILTER: flipV;top:100">filters </div>
GLOW – добавляет свечение вдоль внешних границ объекта, создавая эффект возгорания границ.
Свойства:
Strength – определяет интенсивность применения фильтра. Интенсивность свечения контура изменяется от 0 до 255.
Color - задает цвет свечения контура элемента.
Пример.
<style type="text/css">
div {position:absolute;font-size:44}
</style>
<BODY>
<div style="FILTER: glow(strength=10, color=red">filters </div>
GRAY – удаляет цветовую гамму объекта и отображает его в серых тонах.
Пример.
<IMG src="phantom.jpg" style="filter:gray">
INVERT – меняет оттенок, насыщение и яркость объекта на противоположные.