Question

我偶尔会使用一些关键帧动画，它看起来像这样：

@-webkit-keyframes zoom-zoom {
    0% {
        -webkit-transform: scale(.1);
        opacity: 0;
    }
    70% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
    }
}

在.CSS文件中正常工作，但我正在将此网站转换为使用less.js，因此我的所有样式表都会被重写，但这不会处理。当它达到0％表示它无效时会抛出错误。

有什么想法吗？

Answer 1

我正在使用less.php编译.less到.css，它正确处理CSS3动画。您可以使用less.php demo自行查看。

我想这是less.js编译器中的一个错误，您可能需要考虑在less.js的github bug tracker上进行报告。直到你得到正式答案，你可以使用less.php进行编译。

Answer 2

我想在人们开始使用这些动画之前写的少了，所以不知道它们是什么。

我使用SASS（同样的事情，但更好:) :)，它解析它们很好。或者，也许更少有更新版本，他们解析它们。

为什么这个webkit关键帧无效？无效？

2 个答案: