您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:12-14来源:作者:点击数:

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。点击这里查看  caniuse 商业网/#feat=svg-smil 浏览器对 SVG 的支持。

项目: github /SamHerbert/SVG-Loaders

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐