⏳CSS 加载动画生成

怎么做 CSS 加载动画

1. 在动画库里挑一个：圆环、圆点、条形、脉冲、骨架屏微光和不确定进度条都有。
2. 设置主色、轨道色、尺寸、线条粗细和动画时长，中间的舞台会按真实尺寸播放。
3. 复制 HTML 和 CSS（也可以一次复制两者）粘贴到项目里 —— 不需要图片、不需要 JavaScript、不依赖任何库。

常见问题

这些动画需要 JavaScript 吗？

不需要。每个加载动画都只是一个元素（有的带几个空 span）加上 CSS 关键帧，显示和隐藏用你项目里原有的方式即可。

“减少动态效果”降级是做什么的？

有些用户在系统里开启了“减少动态效果”。勾选后会额外输出一段 @media (prefers-reduced-motion: reduce)，把动画放慢或停止，既保留加载提示又更无障碍。

可以放在按钮里吗？

可以。选小一点的尺寸（16–24px），把复制出来的 CSS 里的颜色改成 currentColor，再把元素放到文字旁边，它就会跟随按钮的文字颜色。