DMTK ~Combat Arms EU~ »ITA CLAN« ~ Minecraft World ~ Download Manga e Anime

CSS - Text Shadow

« Older   Newer »
  Share  
xlSmokeRlx
view post Posted on 15/8/2012, 15:07




Oggi vi voglio spiegare come usare l'effetto text shadow:
Testo
Come 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
CODICE
0.1em 0.1em
Queste sono le istruzioni che noi diamo per dirgli la distanza che deve avere l'ombra: Distanza orizonatel, Distanza Vericale
CODICE
0.9em
Questo è il blur che deve avere l'ombra
CODICE
#00FF00
Questo è il colore dell'ombra
CODICE
Testo
Il testo a cui volete applicare l'effetto
CODICE
</span>
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:
CODICE
tse{}
Nome della defizione
CODICE
text-shadow:
Effetto ombra
CODICE
0.1em 0.1em
Queste sono le istruzioni che noi diamo per dirgli la distanza che deve avere l'ombra: Distanza orizonatel, Distanza Vericale
CODICE
0.9em
Questo è il blur che deve avere l'ombra
CODICE
#00FF00
Questo è il colore dell'ombra

Uso:
dopo aver definito l'effetto basta usare il tag "tse" o come avete deciso di chiamarlo voi
CODICE
<tse>TESTO</tse>


Ovviamente in un documento HTML si puo' usare lo stesso il primo codice scritto, come detto questa è una definizione per facilitare il lavoro ripetuto
 
Top
{&l Nìñ0}
view post Posted on 15/8/2012, 17:08




Bellissimo! Per caso è possibile anche avere una luce lampeggiante?
 
Top
xlSmokeRlx
view post Posted on 15/8/2012, 17:53




No con questo effetto no, devo vedere se c'e qualche altro effetto che lo permette, o una combinazione...
 
Top
{&l Nìñ0}
view post Posted on 15/8/2012, 17:55




Grazie comunque :D
 
Top
xlSmokeRlx
view post Posted on 15/8/2012, 18:08




Mi spiace ma un effetto che fa l'ombra lampeggiante ancora non c'e, ho trovato solo uno script in java che non fa l'ombra come questa ma fa proprio il rettangolo dietro il testo
 
Top
{&l Nìñ0}
view post Posted on 15/8/2012, 19:20




Va bene lo stesso grazie
 
Top
xlSmokeRlx
view post Posted on 15/8/2012, 19:27




Vuoi che lo posto?
 
Top
{&l Nìñ0}
view post Posted on 15/8/2012, 19:31




un anteprima se è possibile :D
 
Top
xlSmokeRlx
view post Posted on 15/8/2012, 19:40




Non è possibile usarlo in ForumFree\Community
Ecco qui il link che ho trovato con esempio:
Link
Vedi TESTO3
 
Top
8 replies since 15/8/2012, 15:07   130 views
  Share