Css 缩放动画在 Chrome 中不起作用

Question

我正在使用以下内容为文本提供一种脉动效果，但动画在 chrome 中似乎不起作用。我做错了什么？

.item{
    -webkit-animation: caMenuTextOut 600ms ease-in-out;
    -moz-animation: caMenuTextOut 600ms ease-in-out;
    animation: caMenuTextOut 600ms ease-in-out;
}
@keyframes caMenuTextOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

Answer 1

Chrome doesn't support standard animations yet .使用供应商前缀:@-webkit-keyframes。您可以在 @keyframes 的同时拥有它，但不幸的是，您必须声明整个事情两次。

http://jsfiddle.net/ExplosionPIlls/85hE5/