proprietà box-shadow CSS3
Esempi
Aggiungendo l'elemento div ombra:
{
box-shadow: 10px 10px 5px #888888;
}
Prova »
In fondo a questa pagina per ulteriori esempi.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
| proprietà | |||||
|---|---|---|---|---|---|
| border-immagine | 10.0 -webkit- | 9.0.0 | 4.0 (2.0) [3] 3.5 (1.9.1) -moz | 5.1 [1] 3.0 -webkit | 10.5 [1] -o- |
Attributo definizioni e le istruzioni
proprietà box-shadow è possibile impostare una o più della scatola ombra.
| predefinito: | nessuno |
|---|---|
| ereditarietà: | no |
| versione: | CSS3 |
| sintassi JavaScript: | object .style.boxShadow = "10px 10px 5px #888888" |
grammatica
Nota: la proprietà boxShadowper aggiungere uno o più ombra al telaio. La proprietà è un elenco separato da virgole di ombra, ogni ombreggiata da un 2-4 valori di lunghezza, un valore di colore opzionale e una parola chiave inserto opzionale specificato. Tralasciando valore di lunghezza è 0.
| valore | spiegazione |
|---|---|
| h-ombra | Richiesto. Posizione dell'ombra orizzontale. consentire negativo |
| v-ombra | Richiesto. La posizione verticale dell'ombra. consentire negativo |
| sfocatura | Opzionale. Fuzzy Distanza |
| diffusione | Opzionale. La dimensione dell'ombra |
| colore | Opzionale. colore dell'ombra. Nei valori di colore CSS per trovare un elenco completo dei valori di colore |
| inserire | Opzionale. Dalla ombra esterna (l'inizio) per modificare l'ombra all'interno ombra |
Esempi online
Ruota immagine
Questo esempio dimostra come creare un "Polaroid" Foto e ruotare l'immagine.
articoli correlati
CSS3 tutorial: CSS3 Borders
