单元素 CSS 旋转器
这是一个使用 CSS 动画加载 spinners 的集合。
每一个 spinner 都是由一个单独的 div 组成,类为 loader,内容为 "Loading..."。这些文字是为屏幕阅读器准备的,可以作为旧版浏览器的后备状态。
这个项目的目的是创建一组最小化的加载旋转器,既要有视觉吸引力,又要传达出它们的预期意义。
本项目严格限制每个加载器只有一个元素(不包括伪元素),因为我们相信像加载器这样简单的东西不应该有更多的元素。
每个加载器都有一个以像素为单位的字体大小,其他所有的大小都是以ems为单位的,所以要改变加载器的大小,只需调整字体大小即可。
演示
浏览器支持
IE 10+ ![]() |
Chrome 4.0+ ![]() |
Firefox 16.0+ ![]() |
Opera 15.0+ ![]() |
Safari 4.0+ ![]() |
历程
详细的更新日志,请查看发布。
许可证
(The first version translated by vz on 2020.08.29)