Class card
Coddyの「イメージアコーディオン | フロントエンドプロジェクト」コースのレッスン 11/17。
チャレンジ
簡単クラス '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>