CSSアニメーションビルダー - Free Online Tool | PivaBox

プリセット、時間、遅延、イージングを調整してCSSアニメーションをビジュアルに作成

CSSアニメーションビルダー の使い方

  1. ドロップダウンからアニメーションプリセットを選択します — フェードイン、スライドイン、バウンス、回転、パルス、シェイク、フリップ、ズーム
  2. スライダーとドロップダウンで実行時間遅延イージング、繰り返し回数、方向を調整します
  3. 再生をクリックしてプレビューし、生成されたCSSコードとkeyframesをコピーします

Frequently Asked Questions

CSSアニメーションビルダー は無料ですか?

はい、PivaBox CSSアニメーションビルダーは完全無料でお使いいただけます。料金、サブスクリプション、隠れた費用は一切ありません。

デザインはサーバーにアップロードされますか?

いいえ。すべてのアニメーション構築とプレビューはブラウザ内で完全に実行されます。デザインがデバイスから外部に送信されることはありません。

どのようなCSSアニメーションプロパティがサポートされていますか?

animation-name、animation-duration、animation-delay、animation-timing-function(cubic-bezier含む)、animation-iteration-count(無限含む)、animation-directionなど、すべての標準CSSアニメーションプロパティをサポートしています。アニメーションルールと完全なkeyframes定義の両方を生成します。