SVG / CSS / GIF 打造Loading动画合集

阅读 73  ·  发布日期 2017-03-07 09:47:59  ·  anson028

网站都会用到(加载)loading动画,提示于用户页面在加载中,以下分享几个仅用CSS3和SVG实现几个loading动画效果。

loadingio.jpg

loading.io

通过SVG / CSS / GIF打造Ajax加载图标!

网址:http://loading.io/


loaders.jpg

Loaders.css

令人愉快的和注重性能的纯CSS加载动画。

演示:https://connoratherton.com/loaders

Github:https://github.com/ConnorAtherton/loaders.css

svg-loaders.jpg

SVG-Loaders

几个常用的SVG loading 动画


演示:http://samherbert.net/svg-loaders/

Github:https://github.com/SamHerbert/SVG-Loaders


标签:  css3 Loading CSS3 SVG Loading