26, Settembre, 2007
Walter Soccetti
Visto 1,425 Volte
Una semplice guida su come implementare ombre su immagini, testo e textbox usando la proprietà filter: shadow(); con i CSS senza l’uso di immagini che vanno ad “appesantire” la pagine condizionando il tempo di caricamento.
Questo metodo è supportato solo da INTERNET EXPLORER di Microsoft.
Nel primo esempio viene visualizzato un textbox con ombra in basso a sinistra, semplicemente attribuendo le proprietà color, strenght e direction in questo modo
filter: shadow(color:#CCCCCC, strenght:2, direction:220);
Possiamo giocare con le proprietà css a nostro piacimento, secondo le esigenze di design del vostro sitoweb.
Nel secondo esempio abbiamo del semplice testo con un ombra applicata nella parte bassa semplicemente cosi
filter: shadow(color:#CCCCCC, strenght:10, direction:180);
Nel terzo esempio viene inserita un’ombra in basso a destra di un’immagine, in questo modo
filter: shadow(color:#CCCCCC, strenght:10, direction:135);
Articoli piu Letti


