可視化ビルド CSS アニメーション，対応关键帧時间线、リアルタイムプレビューとプリセットアニメーション
CSS ツール
このツールについて
CSS アニメーションビルドツールさせる你経由で直感的の可視化エディター作成 CSS 关键帧アニメーション。選択 弹跳、淡入淡出 などプリセットアニメーション，カスタム transform、opacity と color 属性の关键帧，調整時间と方へ，かつは生成された CSS コード直接コピーに项目中。
主な機能
- 可視化关键帧アニメーションエディター，対応追加と削除
- リアルタイムアニメーションプレビュー，带播放ボタン
- プリセットアニメーション：弹跳、淡入淡出、脉冲、抖动、カスタム
- 設定可能持续時间、時间関数、迭代次数と方へ
- 多種類可能アニメーション属性：transform、opacity、color など
- ワンクリックで生成された CSS コード
使用シーン
- 作成サイト进入とログアウトアニメーション
- ビルド読み込み回転ツールと活动指示ツール
- 设计交互式悬停とフォーカスアニメーション
- で手动编書く CSS 之前制作アニメーション原型
- のため设计系统生成可能复用のアニメーション CSS
css
animation
keyframes
よくある質問
とは何ですか CSS アニメーションビルドツール？
CSS アニメーションビルドツールはオンライン CSS ツール，対応経由で关键帧時间线、リアルタイムプレビューとプリセットアニメーション可視化ビルド CSS アニメーション。ブラウザ内で完全に動作します，サーバーにデータが送信されることはありません。
どのようなプリセットアニメーション可能用？
ツール含む 弹跳、淡入淡出、脉冲、抖动 と カスタム プリセットアニメーション。你できます選択任意プリセットかつ进一步カスタム关键帧、時间と方へ。
できますアニメーション化哪些 CSS 属性？
你できますアニメーション化 transform、opacity、background-color、color、left と top 属性。各关键帧都できます選択属性かつ設定其値。
CSS アニメーションビルドツール無料で使用か？
はい，CSS アニメーションビルドツール完全無料で使用。隠れた費用、サブスクリプション、制限は一切ありません。すべての機能がどなたでもご利用いただけます。
スマートフォンで使用できますか CSS アニメーションビルドツールか？
はい，CSS アニメーションビルドツール完全なレスポンシブデザインで、すべてのデバイスに対応しています，スマートフォン、タブレット、デスクトップパソコンに対応。