⚫ Loading Dots CSS Generator

📐 計算公式 / 原理

三點載入動畫：為每個點設定錯開的 animation-delay 觸發縮放或位移，引數化拼裝 CSS 並可複製；用於網頁載入佔位。

型別

顏色

點數

大小 (px)

速度 (秒)

預覽

📚 深度解析：載入點動畫

生成橙點跳動

輸入：3 點、色 #FF6B35、0.6s。處理：生成 keyframes。輸出：預覽與 CSS。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

能換形狀嗎？: 本工具為圓點；方塊/條可用 spinner 類工具。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
生成的程式碼/圖片能直接用嗎？: 可直接複製使用，建議粘到專案後在瀏覽器實測微調；本工具只生成不託管。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。