Ecco alcuni filtri per fogli di stile o CSS da poter utilizzare a proprio comodo nelle proprie pagine web. Alcuni sono più conosciuti e altri meno nell'ambito dello sviluppo di siti internet.
Gli effetti elencati sono i seguenti: Alpha, Blur, Chroma, Drop, Shadow, Mask, Invert, Xray, Glow, Greyscale,FlipH, FlipV e Wave.
Per ognuno di questi è definito un esempio dei tag usati, della sintassi e delle opzioni che è possibile specificare.
Nel dettaglio:
Alpha
Altera l'opacità dell'oggetto, facendolo diventare trasparente sullo sfondo.
True or false. Se true, l'immgagine è aggiunta all'immagine con effetto blur; se false, questo non avviente.
direction
Default value 270 (left).0 = top
45 = top right
90 = right
135 = bottom right
180 = bottom
225 = bottom left
270 = left
315 = top left
strength
Il numero di pixels che estende l'effetto blur. Di default = 5
Chroma
Definisce un colore come trasparente. Usato di solito con le immagini e lavora su scrollbars e backgrounds. Usato anche per fixare la trasparenza su IE6.
Il colore in formato #RRGGBB dell'ombra a cascata dropshadow.
offX
La distanza in pixel tra l'ombra a cascata e l'oggetto, lungo l'asse x. Interi positici spostano l'ombra a destra, negativi a sinistra.
offY
La distanza in pixel tra l'ombra a cascata e l'oggetto, lungo l'asse y. Interi positici spostano l'ombra a cascata giù, negativi su.
positive
Se true, tutti i pixel opachi dell'oggetto avranno un ombra. Se false, tutti i pixel trasparenti avranno un ombra a cascata. Il valore di defaut è true.
FlipH
Crea una immagine riflessa dell'oggetto orizzontalmente.
La direzione nella quale vuoi che vada l'ombra, espressa in termini di gradi a partire dalla verticale. Il valore di default è 225 gradi (bottom left).0 = Top
45 = Top right
90 = Right
135 = Bottom right
180 = Bottom
225 = Bottom left
270 = Left
315 = Top left
Wave
Da una distorsione sinusoidale all'oggetto creando una forma ad onda o wave.
Random
