css-loaders 纯 CSS 加载动画合集

发布于 2020-07-20 22:44:38 字数 905 浏览 1687 评论 0

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

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

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

浏览器兼容

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84960 人气
更多

推荐作者

沧笙踏歌

文章 0 评论 0

山田美奈子

文章 0 评论 0

佚名

文章 0 评论 0

岁月无声

文章 0 评论 0

暗藏城府

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文