Efecte de umbră CSS. Cards. Proprietăți CSS Shadow.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Un exemplu de utilizare a proprietății box-shadow pentru a crea paper-like cards:
Exemplu:
div.card {
width: 250px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center;
}
Proprietăți CSS Shadow
Următorul tabel listează proprietățiile CSS shadow:
Proprietate | Descriere |
---|---|
box-shadow | Adaugă una sau mai multe umbre la un element |
text-shadow | Adăugă una sau mai multe umbre la un text |