⚫ Loading Dots CSS Generator

📐 计算公式 / 原理

三点加载动画：为每个点设置错开的 animation-delay 触发缩放或位移，参数化拼装 CSS 并可复制；用于网页加载占位。

类型

颜色

点数

大小 (px)

速度 (秒)

预览

📚 深度解析：加载点动画

生成橙点跳动

输入：3 点、色 #FF6B35、0.6s。处理：生成 keyframes。输出：预览与 CSS。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

能换形状吗？: 本工具为圆点；方块/条可用 spinner 类工具。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
生成的代码/图片能直接用吗？: 可直接复制使用，建议粘到项目后在浏览器实测微调；本工具只生成不托管。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。