Effetto ombra su testo coi CSS3

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Css

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!

I più cliccati della sezione Css

:: Effetto testo barrato con con i Css (48.995)

:: Referenze dei fogli di stile Css (41.840)

:: Menu ad effetto mouseover con i Css (39.208)

:: Effetti sui link con i Css (29.938)

:: Testo verticale coi Css (19.982)

:: Angoli smussati in un box coi Css (18.915)

:: Box con effetto ombra con i CSS3 (16.292)

:: Posizionare un layer centrato rispetto alla risoluzione con i Css (16.211)

:: Stilizzare i form Html con i Css (15.994)

:: CSS Expression, ovvero: integrare Javascript in un foglio di stile (15.734)

IN EVIDENZA
DOWNLOAD