12种炫酷html5 svg加载loading动画特效

当前位置:主页 > Html5库 > HTML5动画 > 12种炫酷html5 svg加载loading动画特效
12种炫酷html5 svg加载loading动画特效
分享:

    插件介绍

    这是一款使用html5 svg制作的加载loading动画特效插件。该加载loading动画特效共有12种效果,使用img标签直接调用svg文件来生成各种SVG动态图片。

    浏览器兼容性

    浏览器兼容性
    时间:2015-01-07
    阅读:
简要教程

这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载loading动画特效。该loading动画特效直接使用<img>标签来生成SVG图片,关于在页面中使用SVG的方法可以参考这篇文章:《如何在网页中使用SVG》。

HTML结构

html结构非常简单。在任何你想要显示加载loading动画的地方添加<img>标签,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">