Sintassi

Significato dei valori principali:

• offset-x: La distanza orizzontale dell'ombra (es. 2px a destra, -2px a sinistra).

• offset-y: La distanza verticale dell'ombra (es. 2px in basso, -2px in alto).

• blur-radius: (Opzionale) La sfocatura dell'ombra. Più alto il valore, più sfumata sarà l'ombra.

• color: Il colore dell'ombra (es. black, #000, rgba(0,0,0,0.5)).

Esempio proprietà: text-shadow

Codice Esempio: text-shadow

CODE: CSS

1. .text-shadow-example {

2.   font-size: 36px;

3.   color: #ff6347;

4.   text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

5.   text-align: center;

6.   margin: 40px auto;

7.   font-family: sans-serif;

8. }

Contenuto Esempio: text-shadow

  
  <style>
    .text-shadow-example {
      font-size: 36px;
      color: #ff6347;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      text-align: center;
      margin: 40px auto;
      font-family: sans-serif;
    }
  </style>

  <div class="text-shadow-example">
    Testo con ombra
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser