zoomInLeft.css

TLDR

This file contains CSS code for a zooming entrance animation called zoomInLeft. It defines a keyframe animation and a class to apply the animation to an element.

Classes

zoomInLeft

This class applies the zoomInLeft animation to an HTML element, causing it to zoom in from the left.

Methods (not applicable)

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}