このツールについて
再生時間、タイミング関数、繰り返し回数を指定したプリセットアニメーションを選び、ライブで動作を確認し、@keyframes と animation ルールをコピーできます。すべてブラウザ内で動作します。
よくある質問
繰り返し回数は何を制御しますか?
アニメーションを何回再生するかを設定します。永久にループさせるには infinite を、指定回数だけ再生するには数値を選んでください。
アニメーションを再生し直すにはどうすればよいですか?
「リプレイ」を押してください。アニメーションを一瞬削除して再適用するため、プレビューが最初のキーフレームから再び再生されます。