fadeInUp.css

TLDR

This file provides CSS code for creating a fade-in entrance effect for elements. It defines a keyframe animation called fadeInUp and a corresponding CSS class called fadeInUp.

Classes

fadeInUp

The fadeInUp class is used to apply the fade-in entrance effect to an element. It sets the animation-name property to fadeInUp, resulting in the element smoothly fading in and moving up from its initial position.

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}