main

animate-css/animate.css

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

fadeOutUpBig.css

TLDR

This CSS file contains keyframes and a class for animating elements with a fade out and upward movement effect.

Classes

fadeOutUpBig

This class applies the fadeOutUpBig animation to an element, which makes it fade out while moving upward.

Keyframes

fadeOutUpBig

This keyframe animation starts from an opacity of 1 and ends with an opacity of 0, while also applying a vertical translation of -2000px.

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}