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

Question

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

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

当你点击一个段落中，“隐藏”类设置，所以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/