Beh, a questo punto...
TEXT SHADOW
(l'ho appena imparato
)
CODICE
<span style="display:block;color:#INSERIRE CODICE COLORE TESTO;text-shadow: #INSERIRE CODICE COLORE OMBRA NUMEROpx NUMEROpx NUMEROpx">Testo prova</span>
Ok. Allora. L'effetto che noi vogliamo ottenere é questo.
TESTO E OMBREGGIATURA GIALLI, 2px 2px 3px
Testo provaIl codice sopra era in forma generale. A ogni scritta in maiuscolo dovete sostituire qualcosa per modellare il vostro codice. Per ottenere l'effetto sopra riportato, io modifico il codice in questo modo:
CODICE
<span style="display:block;color:#fff700;text-shadow: #fff700 2px 2px 3px">Testo prova</span>
Diamo un'occhiata confrontando questo codice e quello in forma generale. Al posto di INSERIRE CODICE COLORE TESTO bisogna ovviamente inserire il codice del testo che voi volete. Io ho inserito il codice del colore giallo. Al posto di CODICE COLORE OMBRA bisogna inserire il codice colore per la vostra ombra. Può essere uguale o diverso rispetto a quello del testo.
TESTO GIALLO CON OMBREGGIATURA ROSSA, 2px 2px 3px
Testo provaPer ottenere questo secondo effetto, il codice é il seguente:
CODICE
<span style="display:block;color:#fff700;text-shadow: #ff0500 2px 2px 3px">Testo prova</span>
Come vedete, al posto di CODICE COLORE OMBRA prima avevo inserito lo stesso codice della scritta, quello del giallo; adesso ho inserito quello del rosso.
In sostanza, potete inserire qualsiasi colore vogliate sia per il testo sia per l'ombra. Tabella codici colori:
ClickOra vediamo i valori px. Nel codice, come avrete visto, ce ne sono 3.
- Il primo valore px determina la distanza dell'ombra dalla scritta in orizzontale. Più questo valore é alto, più l'ombra sarà proiettata lontano dalla scritta. Se pari a zero, l'ombra coinciderà con la vostra scritta (solo in senso orizzontale).
TESTO E OMBREGGIATURA GIALLI, 10px 2px 3px
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #fff700 10px 2px 3px"> Testo prova</span>
Come vedete, l'ombra é molto orientata verso destra. Se volete orientarla verso sinistra, non dovete far altro che mettere un - (sarebbe un segno meno, comunque un trattino) davanti al valore px.
- Il secondo valore px determina il distaccamento dell'ombra in senso verticale. Più é alto, più l'ombra sarà proiettata lontano dalla scritta. Se pari a zero, l'ombra coinciderà con la vostra scritta (solo in senso verticale).
TESTO E OMBREGGIATURA GIALLI, 2px 10px 3px
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #fff700 2px 10px 3px"> Testo prova</span>
Anche qui vedete che l'ombra risulta più staccata rispetto ai casi precedenti. Analogamente a prima, basta inserire un meno davanti al valore per far distaccare l'ombra nell'altro senso, ovvero verso l'alto.
- Il terzo valore px determina quanto la proiezione del vostro testo risulterà sfocata. Se questo valore é inserito pari a zero, la scritta equivarrà a una qualsiasi scritta normale, e non sembrerà una vera "ombra":
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #fff700 20px 20px 0px"> Testo prova</span>
Come vedete dal codice ho inserito come valori orizzontali e verticali 20px, in questo modo l'ombra é molto distanziata dalla scritta e potete vedere chiaramente che é uguale alla scritta stessa. Ecco invece cosa succede se il terzo valore px é alto:
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #fff700 20px 20px 10px"> Testo prova</span>
Visto? Come prima, l'ombra é distanziata, ma molto molto sfocata.
Questo é tutto. Come avrete capito, modificando colori e valori potete ottenere una grande quantità di effetti. Ecco un esempio.
Queste due scritte sono state realizzate con scritta gialla e ombreggiatura rossa, 0px verticali e orizzontali, e diversi valori per il terzo valore px:
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #ff0500 0px 0px 0px"> Testo prova</span>
In questo caso, ombra e scritta dunque coincidono. La sfocatura é nulla, e il risultato é una scritta giallo-rossa.
Testo provaCODICE
<span style="display:block;color:#fff700;text-shadow: #ff0500 0px 0px 10px"> Testo prova</span>
Qui, invece, la sfocatura é pari a 10px, e abbiamo quindi un alone rosso attorno alla scritta.
FINE
Scusate se ho scritto una spatafiata enorme, ma altrimenti non si capisce un accidenti di come usarli
questa é praticamente una guida, tu inserisci solo il codice generale e il codice con il testo di prova. Questa roba sarà utile a chi vuole impararlo per bene