Class kartı
Coddy'nin Görsel Akordiyon | Front-end projesi kursunda ders 11 / 17.
Görev
Kolay‘card’ sınıfını hedefleyin:
- Genişliği 130 piksel olarak ayarlayın.
- background-size özelliğini cover olarak ayarlayın
- cursor özelliğini pointer olarak ayarlayın
- overflow özelliğini hidden olarak ayarlayın.
- Kenar yumuşatma (border radius) değerini 25 piksel olarak ayarlayın.
- Kenar boşluğunu (margin) üst-alttan 0 ve sağ-soldan 10 piksel olarak ayarlayın
Sonuna şu transition ve box-shadow özelliklerini ekleyin:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>