Css 带有@keyframes的动画在Chrome中不起作用

这种css在Firefox中似乎工作得很好，但在chrome中却不行

.animate {
    animation: blink .5s step-end infinite alternate;
    -webkit-animation: blink .5s step-end infinite alternate;
}
@keyframes blink { 
   50% { border-color: red; background-color: rgba(255, 0, 0, 0.3);} 
}
-webkit-@keyframes blink { 
   50% { border-color: red; background-color: rgba(255, 0, 0, 0.3);} 
}

---

给出了什么？

最终的问题是使用的选择器不正确-这是一个简单的印刷错误，也赢得了接近票数的选票

-webkit-@关键帧

应如下所示，以@符号开头

@-webkit关键帧

由于DIV缺少“animate”类，原始的fiddle也无法正确运行（在任何地方），这是一个在Firefox和Chrome/WebKit中工作的类