Question

我创建了一个JSFiddle来显示我的问题。

http://jsfiddle.net/sqMT6/1/

当你点击一个段落时，会设置'hidden'类，所以应该播放一个webkit动画，段落应该会在5秒后消失。

设置了类，并且不播放动画。

我一定错过了很简单的事情。

任何人都可以指出吗？

由于

Answer 1

尝试在@keyframe规则中从/到属性之前删除冒号。

原创CSS

@-webkit-keyframes appear{
    from:{opacity: 0;}
    to: {opacity: 1;}
}

@-webkit-keyframes disappear{
    from:{opacity: 1;}
    to: {opacity: 0;}
}

修正了CSS

@-webkit-keyframes appear{
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes disappear{
    from {opacity: 1;}
    to  {opacity: 0;}
}

示例：http://jsfiddle.net/sqMT6/3/

为什么这个简单的CSS动画不起作用？

1 个答案: