如何知道css3动画何时结束

Question

当动画结束时,如何从html对象更改或删除css类？我想在动画结束时删除一个div ...

.loginAnimado
{        
    width:100px;
    height:100px;
    background:#F2F2F2;
    position:relative;            
    -webkit-animation:mymove 1s 1; /* Safari and Chrome */
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    from 
    {                       
    }

    to 
    {        
        opacity: 0.0;    
        -webkit-transform: scale(2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);               
        display:none;
    }
}

Answer 1

该animationend事件是大小写敏感的,并且改变从浏览器到浏览器.官方规范都是小写的,尽管各种浏览器前缀的实现也各不相同.

Mozilla: mozAnimationEnd
Webkit: webkitAnimationEnd
Opera: oanimationend
IE: MSAnimationEnd
W3C: animationend

看到这个的jsfiddle一个活生生的例子.