首页 > 开发 > CSS > 正文

CSS3动画效果回调处理详解

2024-07-11 09:06:15
字体:
来源:转载
供稿:网友
这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下
 
 

我们在做js动画的时候,很多时候都需要做回调处理,如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等,但在使用CSS3动画时能不能捕获到运动的状态做回调处理呢?

CSS3动画也是可以做回调处理的,这里分为两个属性,一个是transition[w3c文档],另外一个是animation[w3c文档]。

1、transition

对于transition,可以监听transitionend事件,当动画完成时触发,可以这样使用:

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表