Хорошо ли использовать миксины для сушки ключевых кадров, как показано в следующем примере:
Обратите внимание, что я только что ушел и направился сюда, но если мне нужно больше, я думаю, что использование @mixins - лучший выбор. Я не знаком с обычаями написания аккуратных scss / sass, какой предпочтительный способ?
@keyframes fade-in-left {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-right {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
против
@mixin fade-in-horizontally($direction_value) {
@keyframes fade-in-left {
0% {
opacity: 0;
transform: translate3d($direction_value, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
}