Class card
Lesson 11 of 17 in Coddy's Image Accordion | Front-end project course.
Challenge
EasyTarget the class ‘card’:
- Set the width to 130 pixels.
- Set background-size to cover
- Set cursor to pointer
- Set overflow to hidden.
- Set the border radius to 25 pixels.
- Set the margin to 0 from top-bottom and 10 pixels from left-right
Add this transition and box-shadow at the end:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>