本文主要包含CSS3,等待效果等相关知识,佚名 希望在学习及工作中可以帮助到您
在这篇文章中我们将创建纯css3的等待效果动画，不用javaScript，不用jquery，不用图片。
效果如下：
html标记
在这篇文章中用到的html只需要添加一个<div>该div加入一个class=“loading”，如下所示：
下面通过一个例子实现上图中第三个css效果：
第一部分css
它设置了该div的样式，利用css3我们可以创建很多形状，如线、矩形、圆饼等，我们也可以为其生成纹理和条纹等复杂的效果。
下面我们用div的边框和border样式来实现该效果
我们将用css3来定义动画，让该div旋转360o，我们可以定义旋转方向、速度和移动的风格（linear, ease, …）
其它的图形样式：
示例中第一个：
示例中第二个：