曾经以为，loading的制作需要一些比较高深的web动画技术，后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈，并不都是将gif图放进去，有些就是画个静止图像，然后让它旋转就完了。gif图也可以，但是加载时间比较长。CSS的animation可以做出大多数的loading ...

　　最终效果如图一，gif图片稍微有点卡顿，事实上代码在浏览器里执行得很流畅。这里面用到的css3技术非常简单，分别是border-radius、伪元素、css3关键帧以及animation动画。 　　首先整理一下大概的思路：整个圆分为AB两部分，左右都是半圆，上面盖了一个背景色为白色 ...

（二） 上次分享了四个CSS3的加载动画，今天继续（标题接上一次）。 在线demo：http://liyunpei.xyz/loading.html （持续更新） 请注意：代码中的关键帧动画有的用的linear曲线，而有的用的是ease曲线。前者是匀速执行，整个 ...

CSS3-loading加载动画 在线示例demo：http://liyunpei.xyz/loading.html 之前发了四篇，二十二个效果，今天再分享六个效果，总计二十八个效果。 二十三、效果二十三 两个正方形，初始均定位至左上（top：0；left：0；）； 一次完整 ...

一些网站或者APP在加载新东西的时候，往往会给出一个好看有趣的Loading图，大部分的Loading样式都可以使用CSS3制作出来，它不仅比直接使用gif图简单方便，还能节省加载时间和空间。下面介绍常见的一些Loading动画效果图的制作方法。 1．圆环型Loading ...

3．小圆型Loading 这类Loading动画的基本思想是：在呈现容器中定义1个或多个子层，再对每个子层进行样式定义，使得其均显示为一个实心圆形，最后编写关键帧动画控制，使得各个实心圆或者大小发生改变、或者平移、或者旋转。 （1）小圆大小或透明度进行变化 ...

主要用到函数说明： IMxDrawEntity::Rotate 旋转一个对象。详细说明如下： 参数 说明 ...

在画布元素<canvas>中，除了绘制图形、图像、文字外，还可以制作一些简单的动画，制作过程十分简单，主要分为两步操作： 1．自定义一个函数，用于图形的移动或其他动作。 2．使用setInterval方法设置动画执行的间隔时间，反复执行自定义函数。 下面通过实例介绍在< ...