Klasa karty
Lekcja 11 z 17 w kursie Akordeon z obrazami | projekt front-endowy w Coddy.
Wyzwanie
ŁatwyWybierz klasę ‘card’:
- Ustaw szerokość na 130 pikseli.
- Ustaw background-size na cover
- Ustaw cursor na pointer
- Ustaw overflow na hidden.
- Ustaw zaokrąglenie obramowania na 25 pikseli.
- Ustaw margines na 0 od góry i dołu oraz 10 pikseli z lewej i prawej strony
Dodaj tę właściwość transition i box-shadow na końcu:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
<script src="script.js"></script>
</body>
</html>Wszystkie lekcje w sekcji Akordeon z obrazami | projekt front-endowy
Poćwicz samodzielnie: Edytor online Web