@keyframesを使って、個々のキーフレームでのスタイルを指定していきます。
- キーフレームの設定
- 設定時の注意点
-
Q1
次のコードについて、適切な説明は?
@keyframes move-around { 25% { transform: translate(100px, 0); } 50% { transform: translate(100px, 100px); } 75% { transform: translate(0, 100px); } }
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる