Loading动画生成器
在线免费Loading加载动画生成器，30+种炫酷CSS加载动画实时预览，一键复制HTML+CSS代码，全部本地生成无需登录。
48px
1.0s
#3b82f6
5px
经典圆环
双向圆环
三点跳跃
呼吸圆点
进度条
时钟指针
涟漪扩散
九宫格闪烁
打字指示
轨道行星
<div class="loader" style="width:48px;height:48px;border-width:5px;border-color:#3b82f6 transparent transparent #3b82f6"></div>💡 全部为纯 CSS 动画，无 JavaScript 依赖，复制到项目即可使用
💡 默认样式含示例颜色，粘贴后可按需修改 CSS 变量或颜色值
常见问题
生成的动画代码怎么用？
复制 HTML 和 CSS 两段代码到你的项目里即可，纯 CSS 实现、零依赖，改颜色就把 CSS 里的颜色值换成你自己的主色。
动画性能怎么样？
全部基于 transform/opacity 合成层动画，GPU 加速，不会引起页面重排，性能在移动端也很好。
可以自定义大小和颜色吗？
可以，提供尺寸、速度、颜色三个调节项，调整后代码实时同步，复制即所得。