12种炫酷html5 svg加载loading动画特效
这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载loading动画特效。该loading动画特效直接使用<img>标签来生成SVG图片,关于在页面中使用SVG的方法可以参考这篇文章:《如何在网页中使用SVG》。
html结构非常简单。在任何你想要显示加载loading动画的地方添加标签,src指向一个SVG文件即可
<img src="svg-loaders/puff.svg" />
改变loading动画中图标的颜色
每一个SVG图标的颜色都是可以改变的,方法是在AVG文件中通过 fill 属性来指定你想要的颜色。
<svg fill="#fff" width="140" height="64" viewBox="0 0 140 64" xmlns="http://www.w3.org/2000/svg">
所有的现代浏览器都支持SVG(IE8及以下浏览器除外),你可以点的这里查看支持SVG的浏览器:http://caniuse.com/#feat=svg-smil。
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《IT技术宅》。
- 本文网址:https://www.ilt.me/dmfx/63.html
- 上篇文章:javascript 操作cookie 存、取、删除 实例
- 下篇文章:一个非常不错的图片去水印工具
初心
2017-09-21 15:53 河北省保定市移动
回复
vivo V3
Google Chrome 38.0.2125.102
密码是什么


破孩先生
2016-03-21 11:47 河南省郑州市联通
回复
Windows XP
Google Chrome 31.0.1650.63
不错


风信子
2015-11-24 10:14 陕西省咸阳市电信
回复
手机发表此评论
在吗?能请教几个问题吗?

