Effetto ombra su testo coi CSS3

Design di siti Web con HTML e CSS Disegno di siti Web con HTML, CSS e Dynamic HTML.

Abbiamo visto diversi articoli coi CSS, ma anche con Photoshop. Esaminiamo adesso un altro sistema di creazione dell'effetto in oggetto, utilizzando i CSS3 ed il comando text-shadow.

Ricordo ai lettori che i CSS3 non sono compatibili con Internet Explorer fino alla versione 8.

Vediamo il codice HTML:

<div id="ombra">Effetto ombra su testo coi CSS3</div>

Quindi il codice CSS:

#ombra
{
    font: bold 25px 'times new roman';
    text-shadow: 3px 3px 5px #E0E0E0;
}

I parametri passati al comando text-shadow sono i seguenti:

spaziatura orizzontale / spaziatura verticale / intensità / colore

Questo è quanto!

TAGS - ombra su testo, css3