css-loaders 纯 CSS 加载动画合集 - 文章教程

css-loaders 纯 CSS 加载动画合集

发布于 2020-07-20 字数 1120 浏览 1425 评论 0

这是一个带有CSS动画的加载旋转器的集合,每个旋转器由一个 div 带着一班 loader 以及 Loading 的内容文本。文本用于屏幕读取器,可用作旧浏览器的回退状态。

css-loaders 纯 CSS 加载动画合集

该项目的目的是创造一套最小负荷 加载动画,是视觉上有吸引力的,也传达了他们的意图的意义。

这个项目严格限制了每个加载器一个元素(不包括伪元素),因为它认为像加载器这样简单的东西不值得更多,每个加载程序都有一个以像素为单位的字体大小,所有其他大小都在 EMS 中,因此要更改加载程序的大小,只需调整字体大小即可。

浏览器兼容

IE Chrome Firefox Opera Safari
IE 10+ Chrome 4.0+ Firefox 16.0+ Opera 15.0+ Safari 4.0+

Github 地址:https://github.com/lukehaas/css-loaders

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清欢

文章 1 评论 0

贱贱哒

文章 3 评论 0

悸初

文章 2 评论 0

西瓜杏

文章 0 评论 0

各自安好

文章 0 评论 0