All’interno di questa sezione è possibile gestire la proprietà text-shadow mediante la quale poter creare, come da specifiche CSS3 dei testi ombreggiati.

Proprietà: text-shadow

CSS: 3.0

Descrizione: permette di impostare e gestire un’ombra sul testo definendo il suo colore, la sua sfocatura, la distanza dal testo in orizzontale e in verticale

ATTENZIONE! Le specifiche CSS3 prevedono anche la possibilità di gestire delle ombre multiple con valori diversi per ciascun fattore, a partire dal colore.

Applicando più ombre contemporaneamente ad uno stesso testo, è possibile ottenere effetti grafici particolarmente interessanti (es. testo in 3D). Per alcuni esempi in merito è possibile consultare il seguente link https://css-tricks.com/almanac/properties/t/text-shadow

Per aggiungere un’ ombra ad un testo è sufficiente cliccare sul pulsante “Aggiungi nuova Ombra Testo” presente nella parte alta di questa sezione

Per ciascun ombra è possibile impostare i seguenti elementi:

• Offset X: consente di impostare la distanza dell’ombra dal testo in orizzontale (x). Valori negativi spostano l’ombra verso sinistra
• Offset Y: permette di impostare la distanza dell’ombra dal testo in verticale (y). Valori negativi spostano l’ombra verso l’alto
• Blur: permette di impostare la sfocatura
• Colore: permette di impostare il colore dell’ombra utilizzando la stessa tavolozza già esaminata per il colore del testo (per maggiori informazioni in merito si veda anche il precedente capitolo “Colore”).

Come per le immagini di sfondo, anche in questo caso, nel momento in cui si dovesse decidere di applicare contemporaneamente due o più ombre ad un stesso testo, sarà necessario considerare anche che ciascuna di esse verrà collocata su di un diverso livello e che il primo elemento della lista sarà quello più “vicino” all’utente (quello cioè in primo piano).

E’ possibile variare l’ordine di inserimento (e quindi di sovrapposizione) delle diverse ombreggiature, in un qualsiasi momento utilizzando la stessa procedura precedentemente analizzata per le immagini di sfondo