09 July 2015
号外号外:我的新书《现代JavaScript库开发:原理、技术与实战》出版啦!!!快点我查看
号外号外:一组小而美的JavaScript迷你库!!!快点我查看
号外号外:猿辅导招聘前端,后端,客户端啦!地点:北京!!!快点我查看

今天给大家分享几个自己收藏的制作loading gif图的网站,虽然现在css3也能做出同样的效果,但在考虑到兼容性的时候,gif可以说是最快速的方法。

ajaxload.info

这是我最常用的一个,支持多种形状,前景色,背景色,透明背景,非常方便。

loadingapng.com

很精美的页面,只是我发现不能下载不知道为什么,支持两种图片类型,多种形状,前景色,背景色,透明背景,自定义大小。

loadinggif.com

简单实用派,支持多种形状,前景色,背景色,透明背景。

preloaders.net

支持多种形状,两种格式,前景色,背景色,透明别净,动画速度,自定义尺寸等

总结

介绍这么多不进行对比就是耍流氓,几个工具的对比如下:

名称 支持格式 多种形状 前景色 背景色 透明背景 大小 动画速度
[ajaxload.info][1] gif 39
[loadingapng.com][2] apng, gif 45
[loadinggif.com][3] gif 37
[preloaders.net][4] apng, gif 无数

最后分享一下spin.jscssload,一个是用js,一个使用css都可以生成动画。

如果你也有好的资料,那么在评论区和我一起讨论吧。

参考资料

原文网址:http://yanhaijing.com/tool/2015/07/09/loading-gif-generator/

微信公众号:颜海镜
关注微信公众号 颜海镜
微信支付二维码
赞赏支持 微信扫一扫


暂无评论,抢沙发!!!