我有一个我偶尔使用的小关键帧动画,它看起来像这样:
@-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% 时会抛出一个错误,表示它无效。
有什么想法吗?
最佳答案
我正在使用 less.php将 .less 编译为 .css 并正确处理 CSS3 动画。您可以使用 less.php demo亲眼看看。
我想这是 less.js 编译器中的错误,您可能需要考虑在 github bug tracker 上报告less.js。直到你在那里得到一个正式的答案,你可以使用 less.php 来编译它。
关于animation - 为什么这个 webkit 关键帧不是有效的 .less?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8704086/