CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行

CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行

Firefox18（以及Opera，IE10和不久的将来的许多其他产品）期望W3C属性没有供应商前缀。确保添加以下块：

@keyframes animation_m {    0% { transform:translate(100px,100px)  scale(1); }    50% { transform: translate(00px,00px) scale(2); }    100% { transform:translate(100px,100px)  scale(1); }}.cc1 {    animation-name: animation_m;    animation-duration: 2s;    timing-function: linear;}

请注意，

-moz-transform

属性也已更改为

transform

。

对于所有带前缀的CSS属性，您应 始终包括无供应商前缀的版本。我还建议给您的CSS样式和动画名称更多描述性的名称。