Efecte de umbră CSS. Proprietatea CSS box-shadow.

Proprietatea CSS box-shadow

Proprietatea CSS box-shadow aplică umbre pentru elemente.
În cea mai simplă utilizare, specificați doar umbra orizontală și umbra verticală:



Exemplu:

div {
  box-shadow: 10px 10px;
}

Apoi, adăugați o culoare la umbră:



Exemplu:

div {
  box-shadow: 10px 10px grey;
}

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



Exemplu:

div {
  box-shadow: 10px 10px 5px grey;
}