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

我是否必须输入代码或安装文件才能使@keyframes可以在CSS文件中使用？在我的编辑器中，@keyframe变灰并且不起作用。

最佳答案

编辑器中的语法高亮显示和浏览器的实际解释之间有区别。

根据您的编辑器，您可能需要安装语言包以确保它可以正确识别较新的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/中关键帧的更多信息：

关于css - 我是否需要安装或输入代码才能在CSS上使用@keyframes？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9314010/