Filtry v CSS
Kaskádové styly umožňují měnit vzhled prvku pomocí atributu filter. Lze to bohužel pouze v IE. Filtry umožňují použití 14 efektů:
Filtry je možné aplikovat na následující prvky: BODY, BUTTON, DIV, IMG, INPUT, MARQUEE, SPAN, TABLE, TD, TEXTAREA, TFOOD, TH, THEAD, TR.
Tagy DIV a SPAN musí mít nastavený atribut height nebo width nebo pozici na absolute!
<span style="filter:glow(color=blue,strength=2)"> - Filtr nebude aplikován!
<span style="height:30;filter:glow(color=blue,strength=2)"> - Filtr bude aplikován!





| Alpha | Nastaví průhlednost |
![]() | Alpha(Opacity=průhlednost, FinishOpacity=konečná průhlednost, Style=styl přechodu/0-bez přechodu;1-lineární;2-radiální;3-obdelníkový/, StartX=X, StartY=Y, FinishX=X, FinishY=Y /souřadnice filtru) |
| Blur | Nastaví rozmazání |
![]() | blur(add=1/0-rozmazání obrázku, direction=úhel rozmazu, strength=síla rozmazu) |
| Chroma | Nastaví průhlednou barvu |
![]() | chroma(color=barva) |
| DropShadow | Vytvoří stín objektu |
ropShadow(Color=blue,OffX=2,OffY=1)" style="filter ropShadow(Color=blue,OffX=2,OffY=1)"> | DropShadow(Color=barva stínu, OffX=X, OffY=Y/posunutí stínu, Positive=stín i pro průhledné prvky) |
| FlipH | Horizontálně převrátí objekt |
![]() | fliph |
| FlipV | Vertikálně převrátí objekt |
![]() | flipv |
| Glow | Ozáří objekt |
![]() | Glow(Color=barva ozáření, Strength=síla) |
| Gray | Zčernobílí objekt |
![]() | gray |
| Invert | Vytvoří negativ |
![]() | invert |
| Mask | Vytvoří z objektu průsvitnou masku |
![]() | Mask(Color=barva) |
| Shadow | Vytvoří stín objektu (hezčí než DropShadow) |
![]() | Shadow(Color=barva, Direction=úhel) |
| Wave | Zvlní objekt |
![]() | Wave(Add=0/1-zvlnění obrázku, Freq=počet vln, LightStrength=zesvětlení na konci vlny, Phase=pohyb vlny od počátku, Strength=intenzita vlnění) |
| Xray | Vykreslí vnější obrysy |
![]() | xray |
| Light | Tento filtr vytváří efekt osvícení zdrojem světla, od ostatních filtrů se velmi liší, proto bude probrán samostatně. Zde je malá ukázka jeho možností |
Filtry je možné aplikovat na následující prvky: BODY, BUTTON, DIV, IMG, INPUT, MARQUEE, SPAN, TABLE, TD, TEXTAREA, TFOOD, TH, THEAD, TR.
Tagy DIV a SPAN musí mít nastavený atribut height nebo width nebo pozici na absolute!<span style="filter:glow(color=blue,strength=2)"> - Filtr nebude aplikován!
<span style="height:30;filter:glow(color=blue,strength=2)"> - Filtr bude aplikován!



ropShadow(Color=blue,OffX=2,OffY=1)">