Filter

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">

Fig. 2 Texten utan filter:

Man kan även använda filter på text

Jag tar inte upp samtliga filter, men här får ni några "aptitretare"

alpha

Exempel på alpha
Används för att tona ner elementen

Användning:
< element STYLE="filter: alpha( egenskaper )">

Egenskaper som kan sättas är:

opacity

Hur genomskinlig elementet skall vara 0 är helt osynligt 100 helt normalt

finishOpacity

Om man gör en toning bestämmer denna sluttonen

startX

Var toningen skall börja på X axeln

startY

Var toningen skall börja på Y axeln

finishX

Var toningen skall sluta på X axeln

finishY

Var toningen skall sluta på X axeln

style

hur toningen skall ske
Kan vara: 0 - samma toning på hela elementet
1 - linjär toning
2 - radial toning
3 - rektangulär toning

blur

Exempel på blur
Används för att ge ett fartintryck

Användning:
< element STYLE="filter: blur( egenskaper )">

Egenskaper som kan sättas är:

add

om den ursprungliga bilden skall sättas in

direction

Riktning på "farten"

strength

hur mycket det skall "blåsa"

dropShadow

Exempel på dropShadow
Används för att ge ett fartintryck

Användning:
< element STYLE="filter: blur( egenskaper )">

Egenskaper som kan sättas är:

add

om den ursprungliga bilden skall sättas in

direction

Riktning på "farten"

strength

hur mycket det skall "blåsa"