Mixin в ключевом кадре - возможно?

В следующем примере используется LESS HAT Mixin Lib 3.0.2:

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

Я не совсем уверен, что ответ здесь - лучшее из возможных решений: CSS Less mixins для ключевых кадров

Я ищу способ вписать несколько миксинов keyframes,

1 ответ

Решение

Просто напишите нормальный меньше кода:

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

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

А для префикса поставщика используйте Autoprefixer ( 1, 2 или любую другую подходящую оболочку AP для вашей среды сборки). В настоящее время абсолютно нет необходимости в этом древнем хакерском коде LessHat JavaScript или явно заданных префиксах.

Другие вопросы по тегам