关键帧中的Mixin - 可能吗？

Question

以下示例使用LESS HAT Mixin Lib 3.0.2：

.a {
    color: blue;
}
.b {
    color: green;
}
.keyframes(~'myanimation,0%{ .a() } 100%{ .b() }');

我不太确定这里的答案是否是最佳解决方案： CSS Less mixins for keyframes

我正在寻找一种方法让几个mixin适合keyframes。

Answer 1

只需写正常少代码：

.a {
    color: blue;
}
.b {
    color: green;
}

@keyframes myanimation {
    0% {.a} 100% {.b}
}

对于供应商前缀，使用Autoprefixer（1，2或任何else适合您的构建环境的AP包装器）。如今，绝对不需要那种古老的LessHat JavaScript hackery或明确硬编码的前缀。