使い方:動きの種類・長さ・繰り返しを選び「再生」で確認。keyframes と animation のCSSが出ます。
仕組み・詳しく
@keyframes で「開始→終了」の状態を定義し、animation で要素に適用します。出力の2つ(keyframes と animation 指定)をCSSに貼れば同じ動きになります。infinite で無限ループ。設定
種類
速度変化
繰り返し
プレビュー
—