css3 loading(SVG loading)动画集合

在这些情况下,我们一般会用到(加载)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动画集合:

?

赞(0) 打赏
未经允许不得转载:WEBTian开发 » css3 loading(SVG loading)动画集合

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    很高端啊,学习了

    3年前 (2016-04-05)回复
  2. #-48

    正好在找一些loading 动画 学习了 ~~ 😀

    呆呆呆3年前 (2016-04-06)回复
  3. #-47

    我正打算自己做一套loading的集合呢,没想到都已经有现成的了!

    3年前 (2016-05-25)回复

Tian开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏