main

animate-css/animate.css

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

fadeInBottomLeft.css

TLDR

This file defines a CSS animation that fades in an element from the bottom-left corner of the screen.

Classes

fadeInBottomLeft

This class applies the fadeInBottomLeft animation to an element, causing it to fade in from the bottom-left corner of the screen.

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}