本文实例讲述了原生JS检测CSS3动画是否结束的方法。分享给大家供大家参考,具体如下:
不知道大家在做网页的时候有没有碰到这种情况:当你使用CSS3的动画属性时,想要在动画结束后添加一系列操作,但往往这些操作可能会发生在与动画同时出现或者是在动画还没结束时就发生了。
针对这种情况我们会使用js来监听动画是否结束即它的style的transition属性是否为transitionend;下面我们通过一个简单的例子来理解一下我这句话的含义:
代码如下:
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<meta