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

【问题标题】：Why isn't this webkit keyframe valid .less?为什么这个 webkit 关键帧不是有效的 .less？
【发布时间】：2012-01-03 03:11:09
【问题描述】：

我有一个偶尔使用的关键帧动画，看起来像这样：

@-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% 表示它无效时会引发错误。

有什么想法吗？

【问题讨论】：

标签： animation css less

【解决方案1】：

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

我猜这是 less.js 编译器中的一个错误，您可能需要考虑在 less.js 的 github bug tracker 上报告。直到你在那里得到官方答案，你可以使用 less.php 来编译它。

【讨论】：

【解决方案2】：

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

我使用SASS（相同但更好:)），它可以很好地解析它们。或者，也许 less 有一个更新的版本来解析它们。

【讨论】：