在这些情况下,我们一般会用到(加载)loading动画,提示于用户页面在加载中,这些UX常识我想很多设计师都懂。今天分享几个仅用CSS3和SVG实现几个loading动画效果。
Loaders.css
令人愉快的和注重性能的纯CSS加载动画。
演示:
Github:
loading.io
通过SVG / CSS / GIF打造Ajax加载图标!
网址:
spinkit
CSS加载动画集合。
演示:
Github:
收集的SVG Loading 动画
codepen中分享的几个SVG loading 动画(加载有点慢)
几个常用的SVG?loading 动画
演示:
Github:
更多loading动画
网上搜索了一下,这里已经收集了很多,我就不再收集了:
===============以下是以前分享的网站内容===============
现在 CSS3 越来越流行,CSS3 动画效果更是给开发者带来了很多便利,我们可以很方便的使用 CSS3 和 JavaScript 来做出很酷炫的加载动画,推荐两个css3 loading 动画集合。
1.一个是令人愉快的和表现力丰富的纯CSS加载动画:
2.Tim Holman在codepen.io上收集的css3 loading动画集合:
?
很高端啊,学习了
正好在找一些loading 动画 学习了 ~~ 😀
我正打算自己做一套loading的集合呢,没想到都已经有现成的了!