// swap 动画

@import './../mixins/makeanim.scss';

$swap-duration: 0.5s;

@mixin swap-anim($className, $keyframeName) {
  @include make-anim($className, $keyframeName, $swap-duration);
}

@include swap-anim(swap, amosSwap);

@keyframes amosSwapIn {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) translate(-700px, 0);
  }

  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) translate(0, 0);
  }
}