Webdesign 101: Internet Explorers filtre

Wave-filtret

Wave-filteret er et filter, hvormed du kan påtrykke et element en sinusformet forvrængning langs elementets lodrette akse. Egenskaben arves, således at såvel figur som figurbaggrund i nedenstående eksempel påvirkes.

Vis effekten

Stylesheet formregel:

filter:progid:DXImageTransform.Microsoft.Wave
(enabled='false',Add='false', LightStrength=25, 
Phase=50, Strength=20,  Freq=3)"

add-værdier: true, hvis både det filtrerede elemente og det originale element skal vises, false, hvis kun det filtrerede element skal vises.

LightStrength-værdier: Heltal fra 0 til 100; 0 giver ensfarvning af hele "bølgen", mens 100 giver maksimal skyggevirkning.

Phase-værdier: Heltal fra 0 til 100 angiver, hvorpå sinuskurven, bølgebevægelsen skal startes. 0 = 0°, 100 = 360°

Strength-værdier: Heltal fra 0 til 100 angiver, hvor kraftig bølgebevægelsen skal være.

Freq-værdier: Heltal, der angiver, hvor mange sinuskurver, elementet skal påtrykkes.

Ændring af filteregenskaberne

Det script, der er knyttet til knappen til højre for billedet er:

<script type="text/javascript">
function doTrans(objekt) {
    if (box.filters(0).enabled){
        box.filters(0).enabled='false';
        objekt.innerText='Vis effekten';}
    else {                                                        
        box.filters(0).enabled='true';
        objekt.innerText='Reset';}
}
</script>