מחלקת card
שיעור 11 מתוך 17 בקורס אקורדיון תמונות | פרויקט Front-end של Coddy.
אתגר
קליש להתמקד במחלקה ‘card’:
- יש להגדיר את הרוחב ל־130 פיקסלים.
- יש להגדיר את background-size ל־cover
- יש להגדיר את cursor ל־pointer
- יש להגדיר את overflow ל־hidden.
- יש להגדיר את רדיוס הגבול ל־25 פיקסלים.
- יש להגדיר את השוליים ל־0 למעלה ולמטה ול־10 פיקסלים משמאל ומימין
יש להוסיף את המעבר ואת הצל האלה בסוף:
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>
<!-- כתבו כאן קוד HTML -->
<script src="script.js"></script>
</body>
</html>כל השיעורים ביחידה אקורדיון תמונות | פרויקט Front-end
תרגלו בעצמכם: Web אונליין