Webdesign 101: Internet Explorers filtre

Motionblur-filtret

Motionblur-filtret bevirker, at elementet ser ud til at være i bevægelse.

Vis effekten

Stylesheet formregel:

filter: progid:DXImageTransform.Microsoft.motionblur
(enabled='false',strength=20, direction='30',add='false')

enabled-værdier: true: Effekten vises; false: Effekten vises ikke.

direction-værdier: Heltal mellem 0 og 360, der viser, hvilken retning elementet tilsyneladende bevæger sig fra.

strength-værdier: Antal pixel, der angiver hvor stort et område der skal inkluderes i filteret.

add-værdier: true, hvis både det origial eog det filtrerede billede skal vises, false, hvis kun det filtrerede billed skal vises.

Dynamisk ændring af filteregenskaberne

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

function doTrans(objekt) {
	if (pix.filters(0).enabled){
		pix.filters(0).enabled='false';
		objekt.innerText='Vis effekten';}
	else {                                                        
		pix.filters(0).enabled='true';
		objekt.innerText='Reset';}
}

Bemærk her, at jeg nøjes med at ændre enabled-værdien fra false til true og omvendt. Bemærk også den IE-spcifikke metode til at forsyne knappen med ny tekst.