如何获取css3 animation动画停止

transitionend事件在transition动画结束后触发。

用法示例：

documentquerySelector('#test')addEventListener('transitionend', function(){

consolelog('过渡动画完毕');

});

　说起画画，以笔者这种绘画能力幼儿园级的用户来说，其实一直都是短板。但即使这样，Animation Desk还是可以帮助笔者作出简单的动画来。下面我们就一起来看看笔者创作动画的流程吧。

在制作动画的过程中，位于底部偏右的画面复制，添加和删除等几个按钮作用非常突出，也正是通过不断的复制以及更改，才让各帧之间保持了联系，并且能够成为真正的动画，此外还可以为动画添加录音或音乐作为背景哦。

笔者选择了绘制一个太阳，并通过动画表现出颜色的变化。首先先简单的绘制了一个太阳的样子。然后将这张图复制为七份，再给每一份之中的太阳脸上填充了不同的色彩，这样一个变色的太阳就出现了。如果把播放的帧率调整高一些，看上去也是那么回事儿了。

在动画制作完成后，可以点击底部正中的播放键，对完成的动画进行播放。如果感觉满意，还可以将其存储为照片、PDF、压缩包等多个格式，和其他设备进行交互。而通过主界面中，我们还可以看出，目前Animation Desk支持直接将作品上传至优酷网，和朋友一起进行分享。

CocosCreator目前支持的Animation回调事件有：

在 onStart 获取 Animation 对象并保存起来

在需要处播放动画

注册回调有2种方法，一种是对 ccAnimationState 注册回调，如下：

另外一种是对 ccAnimation 注册回调，如下：

这2种注册回调方法的区别是，对 ccAnimationState 注册回调，它仅会在该 clip 发生相应事件时进入回调，方便对不同 clip 做不同处理。而对 ccAnimation 注册回调，则会在每个 clip 发生相应事件时都会进入回调，方便做全局处理。一般情况下，我们使用第一种，对 ccAnimationState 注册回调就可以了。

以上就是关于如何获取css3 animation动画停止全部的内容，包括:如何获取css3 animation动画停止、怎样用Animation Desk做动画、CocosCreator-如何处理Animation动画的结束回调等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！