Il miglior tutorial proprietà box-shadow CSS3 Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,Attributo definizioni e le istruzioni,grammatica,Esempi online,articoli correlati,
Aggiungendo l'elemento div ombra:
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- |
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" |
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 |
Ruota immagine
Questo esempio dimostra come creare un "Polaroid" Foto e ruotare l'immagine.
CSS3 tutorial: CSS3 Borders