クラス 'card'
Coddyの「3Dカード | フロントエンドプロジェクト」コースのレッスン 13/31。
チャレンジ
簡単クラス 'card' をターゲットにします：
- height を 100% に設定します。
- border-radius を 50px に設定します。
- cursor を pointer に設定します。
以下のコードはカードにとって重要です。内容を理解し、コピーして貼り付けてください：
background: linear-gradient(135deg, rgb(0, 255, 214) 0%, rgb(8, 226, 226) 100%);
transition: all 0.4s ease-in-out;
transform-style: preserve-3d; 自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>3Dカード | フロントエンドプロジェクトのすべてのレッスン
1はじめに
何を作るのか？