|
"text-shadow" text-shadow: 3px 2px red;
valori: h-shadow || v-shadow || blur-radius || color || none || initial || inherit || EREDITATA Video guide xx - xx |
Esempio 50: text-shadow posiziona un'ombra dura o morbida dietro il testo. L'ombra CSS può anche far apparire il testo in rilievo, allo stesso modo dell'effetto rilievo per i livelli in Photoshop. Esisteva già in CSS2, ma non era più rappresentato in CSS 2.1. In CSS3, text-shadow ritorna - ed è supportato dai browser moderni (e persino da IE10) senza prefisso del browser. Si imposta con quattro valori: il primo (2px) definisce lo spostamento dell’ombra sull’asse orizzontale (x); il secondo (2px) definisce lo spostamento dell’ombra sull’asse verticale (y); il terzo valore (3px) imposta il livello di sfocatura (blur) dell’ombra (opzionale); il quarto valore (#333) definisce il colore dell’ombra (opzionale). Risultato
