بطاقة Class
الدرس 11 من 17 في دورة أكورديون الصور | مشروع Front-end على Coddy.
التحدي
سهلاستهدف الفئة ‘card’:
- اضبط العرض (width) على 130 بكسل.
- اضبط background-size على cover
- اضبط cursor على pointer
- اضبط overflow على hidden.
- اضبط border radius على 25 بكسل.
- اضبط الهامش (margin) على 0 من الأعلى والأسفل و10 بكسل من اليسار واليمين
أضف خاصيتي transition و box-shadow في النهاية:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>