Loading 动画生成
从五种内置样式（旋转环 / 三点跳动 / 进度条 / 脉冲圆 / 骨架屏）里挑一个，调好尺寸、颜色、速度与粗细，预览立刻动起来，右边给出可直接粘贴的 HTML + CSS。
· 等待生成
实时预览
—预览由脚本逐帧写入内联样式驱动，不注入任何 style 元素；下方导出的代码里才是真正的 @keyframes。
当前参数
—- 样式
- —
- 尺寸
- —
- 周期
- —
- 颜色
- —
- 粗细 / 圆角
- —
- 代码体积
- —
几点说明
- 数据不出浏览器 · 零网络请求 · 可断网可用。
- 五种样式全是纯 CSS：旋转环用 border 加 rotate、三点跳动用 translateY 与延时、进度条用 scaleX、脉冲圆用 scale 与透明度、骨架屏用背景渐变位移。
- 预览不用 @keyframes，而是按周期逐帧写内联样式，这样页面上不会多出 <style> 元素；速度选项就是动画周期，1× 时旋转环与脉冲圆是 1.2 秒、三点跳动 0.9 秒、进度条 1.4 秒、骨架屏 1.6 秒。
- 导出代码用 SVG 画旋转环，所以放在哪都不会被父级的字体大小或行高带偏；三点跳动、进度条、脉冲圆与骨架屏用 div，类名统一是 .loader 前缀。
- 颜色只支持 HEX，导出的 CSS 直接写十六进制值；辅助文字走一套带 data-zh / data-en 的写法，不想翻译就留空，代码里不会出现多余元素。
- 导出 .html 会给出一份可直接双击打开的完整文件（含 <!DOCTYPE html>），CSS 写成普通选择器，不依赖本站的任何样式。