Box shadow css3

COSA FA?

Box-Shadow css3 applica l’ombreggiatura e la luce a vari elementi senza usare le immagini.

Viene sfruttata per replicare ombre esterne, ombre interne e bagliori esterni e interni.

QUALI BROWSER LA SUPPORTANO?

Le versioni correnti di tutti i principali browser supportano box-shadow css3.

Internet Explorer ha iniziato a partire dalla versione 9 e gli altri richiedono, nelle versioni più vecchie, un prefisso specifico del browser.

 

TUTTE LE VERSIONI CORRENTI (ECCETTO SAFARI): box-shadow
FIREFOX 3.5: -moz-box-shadow
INTERNET EXPLORER 9: box-shadow
OPERA 10.5: box-shadow
WEBKIT (CHROME 1, SAFARI 3): -webkit-box-shadow

 

COME FUNZIONA?

L’esempio seguente usa ombre multiple per creare un riquadro che sembra fluttui sopra il suo sfondo.

Se volete creare un’ombra interna dovete includere ‘inset’.

L’ordine è poi x-offset, y-offset, blur radius e colour.

Per inserire un opzione per l’opacità, usate i valori RGB.

CHI LA USA?

www.apple.com usa box-shadow css3 sui prodotti promozionali alla fine della sua home page.

Leave a Reply

Your email address will not be published. Required fields are marked *