ZANETTE
MARCO
CSS
Text-shadow css3 effetto ombra sul testo
In questo articolo vi spiegherò come grazie alla nuova proprietà introdotta dai css3 text-shadow è
possbile creare un'effetto ombra sul testo solo appunto attraverso l'uso di css.
Riporto un esempio ed il codice utilizzato.
testo di prova
- <span style="text-shadow:#F00 5px 4px 3px; font-size:28px;">
- testo di prova
- </span>
Come avete visto è molto semplice implementare un'effetto ombra sul testo grazie alla proprietà css
text-shadow.
Text-shadow utilizza 4 parametri per definire il tipo di ombra da visualizzare:
- colore dell'ombra (#F00);
- spostamento dell'ombra lungo l'asse x (5px): valori positivi per spostamenti verso destra e negativi per spostamenti verso sinistra;
- spostamento dell'ombra lungo l'asse y (4x): valori positivi per spostamenti verso il basso e negativi per spostamenti verso l'alto;
- raggio sfocatura ombra (3px): se impostato a 0 l'ombra non avrà sfocatura e sarà netta.
Da ricordare che questa proprietà è tuttora supportata in tutti i browser tranne che internet explorer che non ha ancora implementato questa proprietà nella sua ultima versione 9.