transitionの実践的な例として、マウスホバーしたときにふわっと色が変わるボタンを実装してみます。
- buttonのスタイリング
- transitionの設定
-
Q1
次のコードにおいて、
button
にマウスホバーしたときの挙動は?button { all: unset; border: 2px solid black; transition: background 300ms; } button:hover { background: black; color: white; }
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
2024年9月24日
2024年9月7日
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる