N's Webtools
ホーム
🎬

CSSアニメーション生成

CSSキーフレームアニメーションをビジュアルに作成、ライブプレビュー付き

プリセット

使い方

アニメーションプロパティを設定してキーフレームを編集。プリセットで一般的なエフェクトをすぐに適用。プレビューボックスでリアルタイム確認。

  • 6種類のプリセット(フェード、スライド、バウンス、スピン、パルス、シェイク)
  • カスタムキーフレーム編集
  • 再生時間・タイミング・方向・フィルモード制御
  • CSS出力付きライブプレビュー

こんなときに使おう

  • Web要素にアニメーションを追加するとき
  • モーションデザインをプロトタイプするとき
  • CSSアニメーションコードを生成するとき

シェア

関連ツール