指南针动画mixin与多个动画

Question

我正在尝试使用Compass动画mixin和多个动画。这可能吗？

我已尝试@include animation(an-1 5s infinite, an-2 10s infinite)，但收到错误：Mixin animation takes 1 argument but 2 were passed。

Answer 1

您的指南针语法是正确的，适用于当前版本的指南针。也许在以前的版本中并非如此。

Demo on Codepen

虽然您可以将两个动画合并为一个（如果两个动画都应使用完全相同的选项，例如缓动）：

@include animation(an-3 5s ease-in infinite);

@include keyframes(an-3) {
    from {
      transform: scaleY(0);
      opacity: 0;
    }
    to {
      transform: scaleY(1);
      opacity: 1;
    }
}