Oggi vi voglio spiegare come usare l'effetto text shadow:
TestoCome vedete il testo qui sopra ha un'ombra attorno di colore verde, questo grazie all'effetto text shadow.
Come creare l'effetto:
CODICE
<span style="text-shadow: 0.1em 0.1em 0.9em #00FF00">Testo</span>
Spiegazione:
CODICE
<span style="text-shadow:
Questo dice che stile vogliamo usare
Queste sono le istruzioni che noi diamo per dirgli la distanza che deve avere l'ombra: Distanza orizonatel, Distanza Vericale
Questo è il blur che deve avere l'ombra
Questo è il colore dell'ombra
Il testo a cui volete applicare l'effetto
Chiusura del TAG
Come definire l'effetto in un documento html:
Questa parte è utile per chi dovrà usare lo stesso effetto più volte in un documento HTML
Nel tag Head inserire il seguente codice:
CODICE
<style type="text/css">
</style>
Cosi' da "abilitare" l'uso del CSS, dentro questo TAG scrivere il seguente codice:
CODICE
tse {text-shadow: 0.1em 0.1em 0.9em #00FF00;}
Spiegazione:
Nome della defizione
Effetto ombra
Queste sono le istruzioni che noi diamo per dirgli la distanza che deve avere l'ombra: Distanza orizonatel, Distanza Vericale
Questo è il blur che deve avere l'ombra
Questo è il colore dell'ombra
Uso:
dopo aver definito l'effetto basta usare il tag "tse" o come avete deciso di chiamarlo voi
Ovviamente in un documento HTML si puo' usare lo stesso il primo codice scritto, come detto questa è una definizione per facilitare il lavoro ripetuto