クエスト8：ホバー・状態に応じたクラス

今回の課題

ボタンに hover: クラスと transition を追加してインタラクティブなボタンを作ろう！カードも hover:scale-105 で浮き上がらせよう！

📖 解説を見る

🖱️ インタラクティブなUIを作ろう

hover: プレフィックスを付けるだけでホバー時のスタイルが設定できます。
transition duration-200 を合わせると滑らかなアニメーションになります。

例：hover:bg-blue-700 transition duration-200

ヒントを見る

hover:bg-blue-700 transition duration-200 を追加しよう。カードには hover:shadow-xl hover:scale-105 も付けよう

📄 見本

「答えを見る」を押すと、お手本のプレビューとコードが出ます。

💻 コードエディタ

あなたの出力

このクエストはプレミアム限定です

クエスト8：ホバー・状態に応じたクラス

クエスト8：ホバー・状態に応じたクラス

れんしゅうもんだい