zoomInRight.css

TLDR

This file contains CSS code for the "zoomInRight" animation, which animates an element to zoom in and enter from the right side of the screen.

Methods (if applicable)

N/A

Classes (if applicable)

zoomInRight

This class applies the "zoomInRight" animation to an element, causing it to zoom in and enter from the right side of the screen.

@keyframes zoomInRight {
  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);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}