animation - キーフレームでのミックスイン - 可能ですか?

Question

次の例では、LESS HAT Mixin Lib 3.0.2 を使用しています。

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

ここでの答えが最善の解決策であるかどうかはよくわかりません: キーフレームの CSS Less mixins

複数の mixin を に収める方法を探していkeyframesます。

Answer 1

通常の Less コードを書くだけです:

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

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

また、ベンダーのプレフィックスには Autoprefixer ( 1、2、またはビルド環境に適した AP ラッパー) を使用します。今日では、古い LessHat JavaScript ハッカーや明示的にハードコーディングされたプレフィックスはまったく必要ありません。