2016: Filtry je třeba považovat za totálně zastaralou věc. Článek zde nechávám z nostalgie.
Už jste četli popis syntaxe filtrů s přehledem hodnot?
Průhlednost - Rozmazání - Zprůhlednění barvy - Stíny - Převracení - Obsvícení - Černobílost - Negativ - Maska - Vlna
Tuto stránku má smysl prohlížet pouze v Microsoft Internet Exploreru 4.x nebo novějším prohlížeči, který filtry podporuje. Většina prohlížečů to neumí. Neberte to tak, že bych preferoval Microsoft! Jen se prostě zmiňuji o věci, která se náhodou týká zatím jen MSIE.
Používám jediný
obrázek kote.gif (60 × 60 průhledný gif), který mám umístěný v buňce
tabulky. Styl filtru aplikuji až na buňku a tentýž filtr na sousední buňku s textem.
Buňka je o 20 pixelů širší, proto se grafický efekt dostane místy i mimo obrázek,
což jinak udělat nelze (prostě to jinak neumím). Také občas kvůli tomu není efekt
symetrický. V další buňce mám napsáno "Koťátko", aby bylo vidět, jak
filtr působí na text. Tento text musí být v elementu, který má pevné rozměry
(např. tedy v buňce), na volný text se filtr aplikovat nebude. Buňkám tabulky je
přiřazen přesně ten styl, který je vypsaný ve třetím sloupečku.
Dá se udělat také jednoduchá průhlednost v Mozille.
![]() |
Koťátko | { filter: blur } |
![]() |
Koťátko | { filter: blur(add=0, direction=135, strength=10) } |
![]() |
Koťátko | { filter: blur(add=1, direction=135, strength=10) } |
![]() |
Koťátko | { filter: chroma(color=#00ff00) } |
![]() |
Koťátko | { filter: chroma(color=#000000) } |
![]() |
Koťátko | { filter: dropshadow(color=999999, offx=5, offy=-3, positive=1) } |
![]() |
Koťátko | { filter: dropshadow(color=ffff00, offx=5, offy=-3, positive=0) } |
![]() |
Koťátko | { filter: shadow(color=#339933, direction=45) } |
![]() |
Koťátko | { filter: shadow(color=#880000, direction=180) } |
![]() |
Koťátko | { filter: fliph } |
![]() |
Koťátko | { filter: flipv } |
![]() |
Koťátko | { filter: glow(color=00ff00, strength=1) } |
![]() |
Koťátko | { filter: glow(color=ff0000, strength=20) } |
![]() |
Koťátko | { filter: gray } |
![]() |
Koťátko | { filter: xray } |
![]() |
Koťátko | { filter: invert } |
![]() |
Koťátko | { filter: mask(color=#333300) } |
Filtr Light se přidává pomocí skriptů. Umím to, ale pravděpodobně to dám na nějakou příští stránku s příklady, protože je půl páté ráno 25. 7. 1999.
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.