animation-fill-modeの記事へ戻る

animation-fill-modeの値を比較する

遅延中と終了後の位置がキーフレームに従って保たれるかを比較します。

animation-fill-mode: both
Hello CSS! 内容の意味を保ちながら、文字や余白を整えます。文章を増やして折り返しも確認しましょう。

表示を初期状態へ戻す場合は再読み込みしてください。フォームなどは表示の比較用で、外部へ情報を送信しません。動きを減らす設定では装飾的な動作を止めます。