CSS 動畫構建器 - Free Online Tool | PivaBox

透過預設、時長、延遲和緩動控制，可視化構建和預覽 CSS 動畫

CSS動畫構建器 使用說明

1. 從下拉選單選擇動畫預設 — 淡入、滑入、彈跳、旋轉、脈衝、抖動、翻轉、縮放
2. 使用滑桿和下拉選單調整時長、延遲、緩動函數、重複次數和方向
3. 點擊重播預覽動畫，然後複製生成的 CSS 程式碼和關鍵影格

Frequently Asked Questions

CSS動畫構建器是免費的嗎？

是的，PivaBox CSS動畫構建器完全免費使用。所有處理均在瀏覽器本地完成。

我的設計會上傳到伺服器嗎？

不會。所有動畫構建和預覽都在瀏覽器中完全本地運行，你的設計不會離開你的裝置，確保完全隱私。

支援哪些CSS動畫屬性？

工具支援所有標準CSS動畫屬性：animation-name、animation-duration、animation-delay、animation-timing-function（含cubic-bezier）、animation-iteration-count（含無限）和animation-direction。它會生成動畫規則和完整的keyframes定義。