「もっと見る」オプション
Coddyの「3Dカード | フロントエンドプロジェクト」コースのレッスン 9/31。
チャレンジ
簡単‘view-more’ の中:
- クラス名が ‘view-more-button’ のボタンを作成し、ボタンの中に ‘View more’ というテキストを追加します。
- ボタンの下に、以下のSVGを追加します:
<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"> <path d="m6 9 6 6 6-6"></path> </svg>
自分で試してみよう
<!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はじめに
何を作るのか?