animation - 关键帧中的混合 - 可能吗？

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

只需编写普通的 Less 代码：

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

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

对于供应商前缀，请使用 Autoprefixer（1、2或任何其他适合您构建环境的 AP 包装器）。如今，完全不需要古老的 LessHat JavaScript 黑客或明确硬编码的前缀。