Lớp card
Bài học 11 trên 17 trong khóa học Accordion hình ảnh | Dự án front-end của Coddy.
Thử thách
DễNhắm đến lớp ‘card’:
- Đặt chiều rộng là 130 pixel.
- Đặt background-size thành cover
- Đặt cursor thành pointer
- Đặt overflow thành hidden.
- Đặt bán kính viền là 25 pixel.
- Đặt lề trên dưới là 0 và lề trái phải là 10 pixel
Thêm transition và box-shadow sau đây vào cuối:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Accordion hình ảnh | Dự án front-end
Tự luyện tập: Playground Web