Testi con ombre, facile con CSS!

di Davide Commenta

In questo breve articolo vedremo come è facile aggiungere l’ombra al nostro testo usando il linguaggio CSS!

Dobbiamo solo impostare 4 cose: spostamento verso destra, spostamento verso sinistra, sfocatura e colore.

Un esempio di codice è questo (che vale solo per i testi messi tra i tag).

h1 { text-shadow: 2px 2px 3px #000; }

Se volete mettere che le ombre si vedano anche, per esempio, in h2, penso che abbiate già capito come fare.

Si possono mettere anche più ombre nello stesso testo.

h1 { text-shadow: 2px 2px 3px #000, 1px 3px 5px #f00; }

Vi informo che questo codice CSS non è supportato da tutti i browser e la maggior parte dei visitatori vedrà solo il testo normale.

Lascia un commento

Il tuo indirizzo email non verrà pubblicato.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>