SVG-Loaders 纯 SVG 制作的加载小图标和加载动画

发布于 2019-06-16 10:25:24 字数 1079 浏览 1685 评论 0

SVG-Loaders是由SVG制作的一个加载动画库,有多种加载的样式可供选择,没有使用CSS和JavaScript技术,纯SVG的小动画插件库,运行速度流畅,兼容能支持SVG的浏览器。

使用方法

下载SVG-Loaders的源文件 或者通过下面的命令安装

bower install svg-loaders

在网页的 <img> 标签中使用 SVG-Loaders 提供的图片文件

<img src="svg-loaders/puff.svg" width="50" alt="">

一个图标的颜色可以通过改变在SVG文件 fill 属性操作。

<svg fill="#fff" width="140" height="64" viewBox="0 0 140 64" xmlns="http://www.w3.org/2000/svg">

不是所有的浏览器都支持 SVG,或更具体地说是动画 SVG。点击这里查看 http://caniuse.com/#feat=svg-smil 浏览器对 SVG 的支持。

https://github.com/SamHerbert/SVG-Loaders

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

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

发布评论

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

列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84935 人气
更多

推荐作者

遥远的她

文章 0 评论 0

情深如许

文章 0 评论 0

18120987591

文章 0 评论 0

女皇必胜

文章 0 评论 0

13002228876

文章 0 评论 0

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