WY 关于WY

28岁,地球人,专注用户体验设计与前端开发。爱读书爱运动爱设计...[更多]

扫描用手机阅读此文
支持Android/iPhone

您的位置:首页 > 记录 > 软件记录

在线生成LOADING动态图

文/ WY 2015-10-05 14:37:30 111阅读

这个工具可以帮助你节省很多时间,主要是生成网页LOADINGD小动画,主要是GIF动态格式,也可以生成一个带JS的文件包,包里把运动的逐帧图片做在一个GIF背景上,只要复制代码就可以直接用了。虎哥亲试,绝对好用!~

传送门地址:

http://preloaders.net/

使用方法:

用起来也很简单,先选好样式,如下图

yangshi

 

可以设计前景色和后景色,也可选透明背景。

在线生成LOADING动态图

左边设置好了后,要点一下上面的按钮,然后就生成效果图在右边可以看到啦,如果要下载就直接点下载按钮,注意上面那几个复选框,不打钩就是下载GIF的图,打钩就是下载带HTML jS代码的文件。