Efecte de umbră CSS. Proprietăți: text-shadow, box-shadow. Proprietatea CSS text-shadow.

Efecte de umbră CSS (CSS Shadow Effects)

Cu CSS puteți adăuga umbră textului și elementelor.

În acest capitol veți afla despre următoarele proprietăți:
 

• text-shadow
• box-shadow

CSS Text Shadow

Proprietatea CSS text-shadow aplică umbre textului.

În cea mai simplă utilizare, specificați doar umbra orizontală (2px) și umbra verticală (2px):


Notă: Internet Explorer 9 și versiunile anterioare, nu acceptă proprietatea text-shadow.

Exemplu:

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