@include keyframes(zoomIn) {
  0% {
    opacity: 0;
    transform: scale(0.2);
    // @include transform(scale3d(.3, .3, .3));
  }
  // 50% {
  //     opacity: 1;
  // }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@mixin zoomIn(
  $count: $countDefault,
  $duration: $durationDefault,
  $delay: $delayDefault,
  $function: 'ease-out',
  $fill: $fillDefault,
  $visibility: $visibilityDefault
) {
  @include animation-name(zoomIn);
  @include count($count);
  @include duration($duration);
  @include delay($delay);
  @include function($function);
  @include fill-mode($fill);
  @include visibility($visibility);
}