css - 我是否需要安装或输入代码才能在 CSS 上使用 @keyframes？

Question

是否有我必须输入或安装文件的代码，以便我的 @keyframes 可以在我的 CSS 文件中工作？在我的编辑器中，@keyframe 显示为灰色并且不起作用。

Answer 1

编辑器中的语法突出显示与浏览器的实际解释之间存在差异。

根据您的编辑器，您可能需要安装语言包以确保它能够正确识别较新的 CSS3 属性。

您需要将供应商特定的前缀添加到您的选择器，以便您的浏览器能够理解它们

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

了解更多关于 css3 中的关键帧http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/：