挑一种 spinner 样式，调好尺寸、线宽、颜色与速度，得到自包含的内联 SVG 代码——动画写在 SVG 内部，粘贴即用，无需额外 CSS。
按使用场景一键套用样式、尺寸、线宽、时长与颜色，再按需微调。
横轴为一个动画周期，色条为各元素相对起始时间；三点与条纹的错峰延迟来自实际生成的 CSS。
调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。
动画写进 SVG 内部，粘贴到哪儿都能转。
页面 loading 图标最烦「本地能转、上线不转」——动画依赖外部 CSS 就会这样。本页生成自包含的内联 SVG spinner：样式、尺寸、线宽、颜色、速度全部可调，右侧实时预览真实效果，一键复制代码或下载 .svg 文件，纯浏览器本地生成不上传。
① 优先内联而不是 img：内联进 HTML 才能被 CSS 控制颜色与显隐；img 引用 .svg 时动画虽能播，但样式改不了。
② 时长跟交互走：按钮内 loading 用 0.6~0.9s 快节奏，整页等待用 1s 以上慢节奏，别在小按钮里放慢转。
③ 深色底记得改色：默认色在深背景上可能看不清，用自定义取色器选高对比色再复制，避免白色 spinner 白到看不见。
现在只有你自己能看到这条留言（已标上「待审核」），管理员审核通过后才会展示给所有人～
还没有留言，来抢沙发吧！