CSS - Visual Filters

Visual filttereill� voit muokata tekstisi ulkoasua. Valitettavasti vain filtterit ovat huonosti tuettuja, henkil�kohtaisesti sain filtterit toimimaan vain IE4:ssa. Kokeilin my�s IE5:lla mutta huonoin tuloksin?! En suosittele n�iden k�ytt��.....

Wave Filter

<span style="filter: wave(strenght=8,freq=3,lightstrenght=20,add=0,phase=90);width:150;color:#ff0000">
<h1>Wave</h1></span>

Result:

Wave

Glow Filter

<span style="filter: glow(color=blue,strenght=5);width:150">
<h1>Glow</h1></span>

Result:

Glow

Shadow Filter

<span style="filter: shadow(color=blue,direction=45);width:150;color:00ff00">
<h1>Shadow</h1></span>

Result:

Shadow

FlipV Filter

<span style="filter: flipv;width:150;color:#000000">
<h1>FlipV</h1></span>

Result:

FlipV

Blur filter

<span style="filter: blur(direction=90,strenght=5);width:200">
<h1>Blur</h1></span>

Result:

Blur

FlipH Filter

<span style="filter: fliph;width:150">
<h1>FlipH</h1></span>

Result:

FlipH

Invert Filter

<span style="filter: invert;width:150;color:#00ff00">
<h1>Invert</h1></span>

Result:

Invert

Xray Filter

<span style="filter: xray;width:150;color:#ff0000">
<h1>Xray</h1></span>

Result:

Xray

Gray Filter

<span style="filter: gray;width:150;color:#ff0000">
<h1>Gray</h1></span>

Result:

Gray

DropShadow Filter

<span style="filter: dropshadow(color=blue,offx=5,offy=-3, positive=1);width:200">
<h1>DropShadow</h1></span>

Result:

DropShadow

Alpha

<span style="filter: alpha(opacity=50);width:150">
<h1>Alpha</h1></span>

Result:

Alpha

Source material: http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp

Paluu
Hosted by www.Geocities.ws

1