Tag :: ‘ shadow ’

CSS - Effetto ombra senza immagini

Settembre 26th, 2007 • 1,424

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);