论坛首页 Web前端技术论坛

svg实现的六个loading加载动画

浏览 9062 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-03-19  

     我们在制作网页的时候常常会用到loading加载动画,尤其是加载图片的时候,加入一个小的加载动画背景可以在一定程度上减少用户等待所产生的焦虑情绪,可以说是提升用户体验的小细节吧。

 

在svg出现之前我们选择加载动画一般都是通过gif格式的图片实现的,但也有一个弱点就是gif图片一旦做出来就无法改动了,但svg实现不同,它可以通过代码随时修改加载的动画效果,可实现的种类非常丰富。

 

 

单从加装速度而言我觉得没太多的可比性,因为大家体积都很小,相对于目前的网速来说,可以说微不足道。喜欢哪种大家可以自己去衡量,今天继续向大家分享一款通过svg实现的六个loading加载动画。

 

演示地址     下载地址

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics