Tra le numerose proprietà introdotte con la nuova versione 3 dei Cascading Style Sheet, abbiamo già menzionato in un precedente articolo quella che permette di aggiungere un’ombreggiatura ad un contenitore (box-shadow – leggi qui).

Analogamente, la proprietà text-shadow genera un effetto di ombreggiatura applicato ad un testo.

Vediamo la sintassi della relativa dichiarazione:

h1 {
…
text-shadow: #333 5px 6px 3px;
…
}

dove #333 è il colore del testo (qui espresso in codice esadecimale), 5px è l’offset orizzontale, 6px è l’offset verticale e 3px è l’estensione (sfocatura o blur).

Con il termine offset si intende lo spostamento dell’ombra rispetto al testo sull’asse X (orizzontale) e sull’asse Y (verticale).

Continua a leggere→