标签归档:Loading动画

HTML5 SVG Loading 动画加载特效

这是一款基于HTML5/CSS3和SVG的Loading加载动画特效,一共有4种不同的动画效果。每一组Loading动画都非常可爱,他们都非常欢快的转圈,同时又有颜色渐变的动画效果。另外,回顾之前分享的一款CSS3 Loading动画HTML5 Canvas实现超酷Loading动画

html5-svg-loading-animation

在线演示源码下载

CSS3 Loading加载动画 小球循环转圈

今天我们要来看一款非常动感的CSS3 Loading加载动画特效,它和其他的Loading动画不一样,它并没有十分规则的圆圈动画,而是不规则的转圈,有5个小球互相撞击转圈来实现这款Loading动画特效。另外我们还可以看一款HTML5 Canvas实现超酷Loading动画,也非常不错。

css3-loading-ball-cycle

在线演示源码下载

四组欢乐的CSS3 Loading加载动画

还记得前段时间分享过的一款CSS3 Loading加载动画么,那是相当的欢乐,就是这款HTML5超具喜感的加载提示 转圈的胖娃娃。今天我们又要再分享4组欢乐的CSS3 Loading加载动画,这4款动画是同一种模式,都是一群小球在大球里面形成各种排列从而达到Loading加载动画的效果。

4-happy-css3-loading-animation

在线演示源码下载

CSS3发光Loading加载动画

今天我们要分享一款与众不同的CSS3 Loading动画效果,它是由几个不同的动画效果组合而成的,像文字打印效果、发光效果、飞入飞出效果,这几种效果都非常酷。另外我们可以再回顾一下其他的CSS3 Loading效果:HTML5 Canvas实现超酷Loading动画很有个性的CSS3弹跳Loading动画

css3-shine-loading

在线演示源码下载

HTML5 Canvas实现超酷Loading动画

这次我们来看一款非常酷的Loading动画加载效果,和纯CSS3实现齿轮Loading加载动画类似,也是利用几何的特性来模拟的,它是一些类似旋转的动画效果。另外,关于Loading动画,我们也可以看看html5tricks上的Loading动画栏目。

html5-canvas-loading

在线演示源码下载

很酷的CSS3 Loading动画 适合页面加载Loading

今天要来分享一款很酷的CSS3 Loading加载动画,这款Loading动画非常特别,是两行渐变的矩形,需要说明的是,这款CSS3 Loading动画非常适合整个页面加载时的等待提示,页面加载完这个Loading动画即可消失。

css3-loading-page

在线演示源码下载

很有个性的CSS3弹跳Loading动画

今天我们要来分享一款非常具有创意的CSS3 Loading动画,这款CSS3 Loading动画是一个跳动的小球和几个滚动的小球组合而成,效果非常不错,我们也可以回顾一下之前分享的Loading动画,像这款HTML5/CSS3超欢乐的小球跳动Loading动画特效也非常有特点。

css3-loading-jump

在线演示源码下载

HTML5/CSS3 Loading动画 水位充满文字特效

这款HTML5动画既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位上升的真实效果,水面还会波浪浮动,当Loading动画结束时,文字中的水位又会渐渐退去,动画效果和上升类似,这样周而复始,从而达到很酷HTML5 Loading动画效果。

css3-text-water-loading

在线演示源码下载

纯CSS3实现齿轮Loading加载动画

还记得当时分享的一款齿轮动画吗,一起来看看:HTML5物理实验 CSS3模拟齿轮转动,的确非常华丽。这次我们要分享一款纯CSS3实现的齿轮动画,这款齿轮动画可以用来做Loading动画,和其他的Loading动画相比,这个齿轮效果也还可以。

pure-css3-gear-animation

在线演示源码下载

10款造型奇特的CSS3进度条/Loading动画

今天我们要分享10款造型奇特的CSS3进度条/Loading动画,这10款进度条应用不仅有创意的外观,而且还有非常特别的动画效果。另外,有些进度条还可以用在Loading动画,效果也挺不错。之前也介绍过一些CSS3进度条Loading动画,大家可以看看。

10-css3-progress-bar

在线演示源码下载