transition関連のプロパティを一括で指定する方法を見ていきます。
- transition
- 時間を表す値に関する注意点
- transition-propertyに関する注意点
-
Q1
次のコードにおいて、アニメーションが完了するまでの時間は?
.box { width: 80px; height: 80px; background: pink; transition: transform 2s linear 1s; } .box:hover { transform: translateX(400px); }
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる