Tips CSS3: Qui le specifiche per aggiungere le ombre al testo

Quando il web chiama i css rispondono! Sempre!

Ebbene si dopo l’avvento del web 2.0 (di cui molti non sanno cosa sia…   ), e in prossimità del web 3.0, anche questa volta i css non si sono fatti aspettare.

Infatti, con la nuovissima versione dei CSS passati alla 3, da cui il nome CSS3, è possibile senza l’ausilio di programmi di grafica, come il mio amatissimo Photoshop, creare niente di meno che…”ombre al testo”.

Di seguito tutti i dettagli.

Fino ad oggi creare ombre con gli standard del web era difficile.
Proprio per questo motivo è stata inventata la proprietà text-shadow.

Questa proprietà dei nuovi CSS3, è già supportata da Opera 9.5, Safari 3+, iCab, Konqueror e il magnifico Firefox dalla versione 3.1 in poi.

Text-shadow: 3px 3px 4px #f00;

I quattro parametri che appaiono nella regola css sono:

• I primi due valori, definiscono lo scostamento verso destra e verso il basso dell’ombra rispetto al testo. Se desiderate un ombra verso sinistra e verso l’alto vi basterà giocare con valori negativi.
• Il terzo valore in pixel sta a indicare la quantità di sfocatura dell’ombra verso l’esterno
• L’ultimo valore definisce il colore dell’ombra.

Se vuoi informazioni più dettagliate ti posto il link della specifica css:

http://www.w3.org/TR/css3-text/#text-shadow

Se vuoi invece osservare un esempio:

http://www.css3.info/preview/text-shadow

Autore: Andrea Leti , Web Designer.