Onsitus.it:
css web designer (creazione siti web, personalizzazione template, conversione da psd a xhtml) - flash designer (banner pubblicitari, animazione flash, introduzione flash)

home servizi portfolio chi sono css3 css tutorials css template css menu contatti sitemap

CSS3 box-shadow

Pagina di prova della proprietà css3 box-shadow / Testing page for the property css3 box-shadow

Compatibilità: Safari 3.1+ con il prefisso -webkit

Compatibility: Safari 3.1+ with the prefix -webkit

Ultimo aggiornamento / Last update: 05/09

IT: Articolo completo - EN: Full article

1. Prova di base con box-shadow: 10px 10px 20px #000; (attualmente non supportato)

2. Prova per Safari con -webkit-box-shadow: 10px 10px 20px #000;

3. -webkit-box-shadow: -20px -10px 5px #000;

4. -webkit-box-shadow: -10px 5px 10px black;

5. -webkit-box-shadow: 5px -10px rgb(0,0,0);

NB: se il terzo valore equivalente al 'blur' applicato è omesso, il suo valore di default è 0

6. Prova con 2 elementi vicini

NB: l'ombraggiatura applicata non fa parte del box model e non occupa spazio

home servizi portfolio chi sono css3 css tutorials css template css menu contatti sitemap

Onsitus.it: css web designer (creazione siti web, personalizzazione template, conversione da psd a xhtml) - flash designer (banner pubblicitari, animazione flash, introduzione flash)