I CSS kan man även använda en hel del filter för bilder.
För alla filter kommer jag att använda följande exempelbild och text:
Fig. 1 Bilden utan filter: 
<IMG SRC="../images/ocean.jpg">
<IMG SRC="../images/ocean.jpg">
Fig. 2 Texten utan filter: 
<DIV Style="width:300px;font-size:24pt;">
Man kan även använda filter på text
</DIV>

Jag tar inte upp samtliga filter, men här får ni några "aptitretare"
alpha
<a href="css8alpha1.htm" target="_new">Exempel på alpha</a> 
Används för att tona ner elementen
Användning: 
< element STYLE="filter: alpha( egenskaper )">
<dl>Egenskaper som kan sättas är:
<dt>opacity
<dd>Hur genomskinlig elementet skall vara 0 är helt osynligt 100 helt normalt 
<dt>finishOpacity
<dd>Om man gör en toning bestämmer denna sluttonen 

<dt>startX
<dd>Var toningen skall börja på X axeln 

<dt>startY
<dd>Var toningen skall börja på Y axeln 

<dt>finishX
<dd>Var toningen skall sluta på X axeln 

<dt>finishY
<dd>Var toningen skall sluta på X axeln 

<dt>style
<dd>hur toningen skall ske 
Kan vara:
0 - samma toning på hela elementet 
1 - linjär toning 
2 - radial toning 
3 - rektangulär toning 
</dl>



blur
<a href="css8blur1.htm" target="_new">Exempel på blur</a> 
Används för att ge ett fartintryck
Användning: 
< element STYLE="filter: blur( egenskaper )">
<dl>Egenskaper som kan sättas är:
<dt>add
<dd>om den ursprungliga bilden skall sättas in 

<dt>direction
<dd>Riktning på "farten" 

<dt>strength
<dd>hur mycket det skall "blåsa" 
</dl>



dropShadow
<a href="css8drop1.htm" target="_new">Exempel på dropShadow</a> 
Används för att ge ett fartintryck
Användning: 
< element STYLE="filter: blur( egenskaper )">
<dl>Egenskaper som kan sättas är:
<dt>add
<dd>om den ursprungliga bilden skall sättas in 

<dt>direction
<dd>Riktning på "farten" 

<dt>strength
<dd>hur mycket det skall "blåsa" 
</dl>