main

animate-css/animate.css

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

fadeOutTopLeft.css

TLDR

This CSS file defines an animation called fadeOutTopLeft and a class .fadeOutTopLeft which applies the animation to an element.

Classes

.fadeOutTopLeft

Applies the fadeOutTopLeft animation to an element, causing it to fade out while moving towards the top left corner of the container.

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

.fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}