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定義の両方を生成します。