CSSFilter
[ Hem ] Allmänt ASP XML SQL ADO HTML CSS VB Java Design Karta
Användning av CSS Properties Exempel Positionering Filter

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"
  Användning av span och float för att få en anfangVB


Bara för att det är bråttom, behöver det inte vara viktigt.






Top
< Användning av span och float för att få en anfang VB>
© Anders Enges, Vörå 2002  | 22.01.01 22:24 Visa asp koden