main

animate-css/animate.css

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

fadeOutBottomLeft.css

TLDR

The provided file, fadeOutBottomLeft.css, contains CSS code for applying a fade-out effect from the bottom-left corner of an element.

Classes

.fadeOutBottomLeft

This class applies the fadeOutBottomLeft animation to an element, causing it to gradually fade out and move towards the bottom-left corner of the screen.

END

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

.fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}