Home » Webmaster » CSS » Testi con ombre, facile con CSS!

Testi con ombre, facile con CSS!

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