Efecte de umbră CSS. Efecte text-shadow.

Efecte text-shadow

Adăugați o culoare la umbră:



Exemplu:

h1 {
  text-shadow: 2px 2px red;
}

Apoi, adăugați un efect de estompare la umbră:



Exemplu:

h1 {
  text-shadow: 2px 2px 5px red;
}

Următorul exemplu arată un text alb cu umbră neagră:



Exemplu:
 

h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

Următorul exemplu arată o umbră de strălucire neon roșu:



Exemplu:

h1 {
  text-shadow: 0 0 3px #FF0000;
}