Effetto ombra su testo coi Css, altra soluzione!

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

Scritto da Luca Ruggiero nella sezione Css

Abbiamo visto nell'Articolo Effetto ombra su testo come realizzare questo gradevole effetto utilizzando due livelli sovrapposti posizionati in maniera assoluta. Vediamo adesso come realizzare effetti più potenti ed efficaci con l'utilizzo dei valori shadow() e dropshadow() della proprietà filter

<h2 style="filter: shadow(); width: 100%;">lukeonweb.net</h2>
<h2 style="filter: dropshadow(); width: 100%;">lukeonweb.net</h2>
Provateli!

I più cliccati della sezione Css

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

:: Referenze dei fogli di stile Css (41.900)

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

:: Effetti sui link con i Css (30.301)

:: Testo verticale coi Css (20.102)

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

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

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

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

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

IN EVIDENZA
DOWNLOAD