SVG-Loaders 纯 SVG 制作的加载小图标和加载动画 - 文章教程

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

发布于 2019-06-16 字数 1233 浏览 1566 评论 0

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

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

使用方法

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

bower install svg-loaders

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

<img src="svg-loaders/puff.svg" width="50" alt="SVG-Loaders 纯 SVG 制作的加载小图标和加载动画">

一个图标的颜色可以通过改变在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

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

扫码加入群聊

发布评论

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

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

关于作者

JSmiles

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

2583 文章
29 评论
84935 人气
更多

推荐作者

清风夜微凉

文章 1 评论 0

为你鎻心

文章 2 评论 0

xxhui

文章 0 评论 0

1PKOH46yx8j0x

文章 0 评论 0

Arthur

文章 0 评论 0