zoomOutLeft.css

TLDR

This file defines CSS animation and styling for the Zoom Out Left effect.

Classes

zoomOutLeft

This class applies the Zoom Out Left animation effect to an element. It sets the animation-name property to zoomOutLeft and the transform-origin property to left center.

END

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}