Cienie
Lekcja 6 z 8 w kursie Projekt CSS — efektowny przycisk w Coddy.
Dodawanie cieni do przycisków, aby sprawiały wrażenie uniesionych i klikalnych, jest powszechną praktyką.
Aby dodać cień w CSS, używamy właściwości box-shadow,
#with-shadow {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}
Wyzwanie
ŁatwyDodaj cienie do swojego przycisku!
Wskazówka: warto używać koloru
rgba(0, 0, 0, 0.25)jako koloru cienia (możesz pobawić się kryciem — 0.25)
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
</body>
</html>Wszystkie lekcje w sekcji Projekt CSS — efektowny przycisk
Poćwicz samodzielnie: Edytor online Web