Trasparenze con i CSS3

Con l'ingresso dei CSS 3 è possibile applicare molti effetti. Vediamo un effetto molto carino su come applicare l'ombreggiatura ad un testo.


L'ombreggiatura, definita tramite la proprietà text-shadow, richiede di specificare nell'ordine:

• scostamento orizzontale (horizontal offset): con valori positivi l'ombreggiatura viene disegnata alla destra del testo mentre con valori negativi alla sua sinistra;
• scostamento verticale (vertical offset): con valori positivi l'ombreggiatura viene disegnata sotto al testo mentre con valori negativi sopra;
• raggio di sfocatura: piùè grandepiù l'ombra risulterà leggera e sfumata; questo parametro è opzionale;
• colore dell'ombreggiatura.

Nell'esempio seguente viene applicata un'ombreggiatura grigia spostata in basso a sinistra ai titoli H1:

{codecitation class="brush: css; gutter: false;"}

{/codecitation}
Potete scaricare un semplice esempio di pagina html usando questo stile