css-spinner

收录理由

如果前端页面需要在不引入重型框架的前提下，给 AJAX 请求一个干净利落的加载反馈，这组纯 CSS 旋转动画是个很务实的选择。整套包含十二种样式，每个都零 JavaScript、零外部依赖，用的时候把对应的 HTML 文件拷进页面就行，或者直接复用 build 目录里分离的 CSS 与 HTML 代码。它比较难得的是同时提供了 Stylus 和 Pug 源文件，想改颜色、尺寸这类细节，只要动自己的变量，也能顺势接进已有的构建流程。单个 spinner 压缩前才 1K 左右，视觉效果打磨得不错，却几乎不会给页面增加额外负担。对比为一个几秒钟的等待反馈去集成完整的动画框架，这种轻巧做法明显更省事。