 |
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Filtr FlipH
Filtr FlipH vytvo°φ z prvku zrcadlov∞ p°evrßcen² prvek, podΘl horizontßlnφ roviny.
Syntaxe: { filter: fliph (enabled=boolean); }
| Parametr | Popis |
| Enabled | UrΦuje mo₧nost pou₧itφ filtru. M∙₧e nab²vat hodnot true (zapnut²) nebo false (vypnut²). |
Firma Microsoft zahrnula tento filtr takΘ do novΘho filtru BasicImage, kter² lze pou₧φt ve spojenφ s novou syntaxφ, ovÜem ta je podporovßna a₧ od MSIE 5.5. Filtr FlipH je velice jednoduch², podφvejte se na tento p°φklad:
Zdrojov² k≤d je <div style="height: 20px; color:#0099cc; filter: fliph ();">Prvek DIV ovlivn∞n² filtrem FlipH</div>
Filtr FlipV
Podobn∞ jako filtr FlipH vytvo°φ z prvku zrcadlov∞ p°evrßcen² prvek, avÜak podΘl vertikßlnφ roviny.
Syntaxe: { filter: flipv (enabled=boolean); }
| Parametr | Popis |
| Enabled | UrΦuje mo₧nost pou₧itφ filtru. M∙₧e nab²vat hodnot true (zapnut²) nebo false (vypnut²). |
TakΘ tento filtr zahrnula firma Microsoft do novΘho filtru BasicImage, kter² je ale podporovßn a₧ od MSIE 5.5. Podφvejte se na p°φklad jeho pou₧itφ:
Zdrojov² k≤d je <div style="height: 20px; color:#00cc99; filter: flipv ();">Prvek DIV ovlivn∞n² filtrem FlipV</div>
Filtr Glow
Filtr Glow vytvo°φ okolo vn∞jÜφch okraj∙ "ozß°enφ" zadanΘ barvy a urΦitΘ tlouÜ¥ky.
Syntaxe: { filter: glow (color=#RRGGBB, enabled=boolean, strength=integer); }
| Parametr | Popis |
| Color | UrΦφ barvu "ozß°enφ". Barva je specifikovßna ve standardnφm formßtu #RRGGBB, kde RR je hodnota ΦervenΘ barvy vyjßd°enß v hexadecimßlnφm tvaru, GG hodnota zelenΘ barvy a BB hodnota modrΘ barvy. |
| Enabled | UrΦuje mo₧nost pou₧itφ filtru. M∙₧e nab²vat hodnot true (zapnut²) nebo false (vypnut²). |
| Strength | Nastavφ tlouÜ¥ku "ozß°enφ". TlouÜ¥ka je v pixelech. M∙₧e nab²vat Φφseln²ch hodnot a₧ do velikosti prvku. |
Pokud prvek obsahuje n∞jak² text a nemß na pozadφ barvu Φi obrßzek, bude ka₧d² znak samostatn∞ ovlivn∞n filtrem. Pokud vÜak obsahuje prvek text a mß barevnΘ pozadφ Φi obrßzek na pozadφ, budou filtrem ovlivn∞ny pouze okraje prvku. Pokud prvek s filtrem obsahuje n∞jak² dalÜφ prvek, kter² je zobrazen mimo rodiΦovsk² prvek, nebude ovlivn∞n filtrem.
Filtr Glow je opravdu velice efektnφ a je tedy pravd∞podobnΘ, ₧e se velmi rozÜφ°φ. DoporuΦuji vßm vyzkouÜet si jej na testovacφ strßnce. Pokud si vystaΦφte s jednoduÜÜφm p°φkladem, pak jej mßte mφt:
Zdrojov² k≤d je <div style="height: 18px; border: 1px solid; text-align: center; filter: glow (color=#fff0cc, strength=4);">Prvek DIV s textem, kter² vyu₧φvß filtru Glow</div>
Filtr Shadow
Tento filtr vykreslφ obrys prvku a posune jej zadan²m sm∞rem. Vytvo°φ tak iluzi stφnu.
Syntaxe: { filter: shadow (color=#RRGGBB, direction=integer, enabled=boolean, strength=integer); }
| Parametr | Popis |
| Color | UrΦφ barvu stφnu. Barva je specifikovßna ve standardnφm formßtu #RRGGBB, kde RR je hodnota ΦervenΘ barvy vyjßd°enß v hexadecimßlnφm tvaru, GG hodnota zelenΘ barvy a BB hodnota modrΘ barvy. |
| Direction | Nastavφ sm∞r posunutφ m∞°en² ve stupnφch od vertikßlnφ polohy. M∙₧e nab²vat hodnot 0, 45, 90, 135, 180, 225, 270 (p°ednastaven²), 315. |
| Enabled | UrΦuje mo₧nost pou₧itφ filtru. M∙₧e nab²vat hodnot true (zapnut²) nebo false (vypnut²). |
| Strength | Nastavφ velikost posunutφ. DΘlka je v pixelech. M∙₧e nab²vat Φφseln²ch hodnot a₧ do velikosti prvku. |
Mo₧nß vßm p°ipadß tento filtr podobn² filtru DropShadow, proto₧e oba vytvß°ejφ iluzi stφnu. Rozdφl spoΦφvß v tom, ₧e filtr DropShadow vytvo°φ stφn z celΘho prvku, zatφmco filtr Shadow pouze z obrys∙ prvku. S filtrem Shadow se dajφ vytvo°it jeÜt∞ efektn∞jÜφ stφny ne₧ s filtrem DropShadow, jak je vid∞t na testovacφ strßnce. V²sledek m∙₧e vypadat nap°φklad takto:
Zdrojov² k≤d je <div style="height: 25px; text-align: center; font-size: 25px; filter: shadow (color=#a0e0ff, direction=135, strength=4)">Text, kter² vyu₧φvß filtru Shadow k vytvo°enφ stφnu</div>
Filtr Wave
Tento filtr vytvß°φ na prvku vlny ve vertikßlnφm sm∞ru.
Syntaxe: { filter: wave (add=boolean, enabled=boolean, freq=integer, lightstrenght=integer, phase=integer, strength=integer); }
| Parametr | Popis |
| Add | Nastavφ zda mß b²t p∙vodnφ prvek zobrazen nebo ne. M∙₧e nab²vat hodnot true (zobrazit - p°ednastaven²) nebo false (nezobrazit). |
| Enabled | UrΦuje mo₧nost pou₧itφ filtru. M∙₧e nab²vat hodnot true (zapnut²) nebo false (vypnut²). |
| Freq | Nastavφ poΦet vln filtru Wave. M∙₧e nab²vat Φφseln²ch hodnot. |
| LightStrength | Nastavφ rozdφl mezi intenzitou sv∞tla na vrcholech vln a mezi nimi. M∙₧e nab²vat Φφseln²ch hodnot od 0 (₧ßdn² kontrast) do 100 (nejv∞tÜφ kontrast). |
| Phase | Nastavφ ve kterΘ fßzi vlny mß vln∞nφ zaΦφt. M∙₧e nab²vat Φφseln²ch hodnot od 0 do 100. |
| Strength | Nastavφ vzdßlenost, o kterou se vln∞nφ rozÜφ°φ do stran. DΘlka je v pixelech. M∙₧e nab²vat Φφseln²ch hodnot a₧ do velikosti prvku. |
NejlΘpe vÜechny parametry tohoto filtru pochopφte, pokud si je sami vyzkouÜφte. M∙₧ete tak uΦinit na testovacφ strßnce. Takhle si dokß₧e s fotografiφ pohrßt filtr Wave :
Zdrojov² k≤d je <div style="height: 400px; text-align: center; filter: wave (add=true, freq=2, lightstrength=80, phase=25, strength=20);"><img src="wave.jpg" width="280px" height="400px" border="0" alt="Fotografie s pou₧it²m filtrem Wave"></div>