main

animate-css/animate.css

Last updated at: 29/12/2023 09:20

backInLeft.css

TLDR

The provided CSS file defines a keyframe animation called "backInLeft" and a CSS class "backInLeft" that applies the animation to an element.

Classes

backInLeft

Applies the "backInLeft" animation to an element, causing it to animate from the left side of the screen.

Methods

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInLeft {
  animation-name: backInLeft;
}