用gif图片来做loading的时代已经过去了，它显得太low了，而用HTML/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。
这里收集了几十个用html和css3实现的loading效果，以供学习参考。
注：点击文末的阅读原文，可下载Dmo。01.CSSRainbowLoadr02.SingllmntSlackloadr03.PurCSS3loadr04.CSSCogloadr0.VSCO–CSSloadr06.CubCSSLoadr07.CSSLoadr08.Tumblr-stylcogloadrs09.CSSWathrLoadr10.ChromCastCSSLoadr11.CSS3Loadrs12.Android4.4Kitkatloadr13.CSSloadrskit14.CSScrativloading1.CSSLoadingAnimation16.LogoLoadr17.LoadrscollctionbyLoadrs.css18.CSSWatrfillingLoadr19.CSSloadr20.AnimatdCSS3LoadingBar21.CSSloadingtxtanimation22.SimplLoadr23.CSSLoadinganimation24.CSSloadr2.PushingpixlsCSSloadr26.CSSLoadr
27.CSSLoadrs28.RandomLoadr29.SingllmntCSSspinnrs30.SimplCSSloadr31.SpinKit–CSSloadrs32.ModrnGooglLoadr33.2Dand3DBlockLoadrs34.12frSVGloadrs3.PagLoadingEffcts36.Pac.js–PagLoadProgrssBars37.LoadingSVGloadrs38.MatrialDsignprloadr作者：神飞
原文：