animation - 为什么这个 webkit 关键帧不是有效的 .less？

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 编译器中的错误，您可能需要考虑在 github bug tracker 上报告less.js。直到你在那里得到一个正式的答案，你可以使用 less.php 来编译它。