webkitAnimationEnd动画事件
在前面的文章中也有介绍过css3动画的内容，可见《 关于transition和animation 》和《 webkitAnimationEnd动画事件 》，今天又要唠叨一下这个东西了，随着知道的越多，然后就会发现自己还有更多的不知道。 今天主要说的是利用animate制作帧动画。 我们常见的loading效果，很多的动画效果并不是连续运动，而是一种逐帧运动的感觉。 看一个简单的需要制作动画效果的图片： 甚至就包括我们在这里写博客上传图片，等待上传这个过程中的loading动画，明显的效果是不能连续转动，不然总感觉傻傻的，最开始我也做了一个傻傻的连续旋转的动画，不知道怎么上传这种效果，没法只管的演示，我把所有代码全都贴上自己可以观察一下。 <div class="loading"></div> .loading{ width: 1.12rem; height: 1.12rem; position: absolute; left: 50%; margin-left: -0.56rem; top: 35%; z-index: 2; background: url(../images/loading.png) no-repeat center center; background-size: contain; -webkit-animation: rorates 4s infinite