'Creare testo con ombra nelle pagine Web con i CSS
Creare testo con ombra nelle pagine Web con i CSS

Grazie alla regola CSS text-shadow , è possibile creare un' ombra per il testo contenuto in una pagina web.

Scritto da: Stefano Cassone
Pagina 1 di 1

I CSS (in italiano fogli di stile) con il tempo hanno acquisito molte proprietà interessanti. E' sufficiente avere un browser aggiornato e conoscere un po' di regole CSS per dare vita ad effetti che migliorano l'esteticva delle nostre pagine web.

Una regola molto interessante dei css riguarda la creazione di un'ombra sotto al testo mediante l'uso della proprietà "text-shadow".

Questa è la sintassi della regola text-shadow:

text-shadow: h-shadow v-shadow blur color;

  • h-shadow: definisce la posizione in orizzontale dell'ombra (sono ammessi valori negativi)
  • h-shadow: definisce la posizione in verticale dell'ombra (sono ammessi valori negativi)
  • blur: definisce la sfocatura dell' ombra
  • color: definisce il colore dell' ombra

Esempio 1:

  

Risultato del primo esempio

CSS


Segue in basso  ▼

HTML

Questo testo utilizza la proprietà text-shadow

Ti è piaciuto l'articolo? Ricevine altri comodamente via mail
Articoli consigliati

Ottenere le dimensioni di una TV

Un praticissimo wizard per avere subito un'idea di quali possano essere le dimensioni di una TV. Comodo per chi vuole conoscere le misure di una TV a partire dalla diagonale.

Speciale Prestiti Online

Quali sono le migliori offerte? Cosa bisogna sapere prima di richiedere un prestito personale? Cerchiamo di spiegare come stanno le cose ...

Speciale Conti Correnti

Quali conti online scegliere? Puri o multicanale? Abbiamo identificato le migliori condizioni offerte dalle principali banche ...

Test velocita' ADSL

Esegui gratuitamente i migliori test per monitorare la velocità della tua connessione ADSL

Guadagnare con Internet

Guadagnare in Internet ? E' possibile. Con un po' di pazienza e fortuna, si possono avere apprezzabili risultati ..
TOP 10 articoli #07/20
Sitemap