fadeInTopLeft.css

TLDR

This CSS file defines and applies a fading animation effect to elements with the class "fadeInTopLeft". The animation starts with the element hidden and positioned at the top left corner, and gradually fades in while moving to its original position.

Classes

fadeInTopLeft

Applies the "fadeInTopLeft" animation effect to elements. This animation starts with the element hidden and positioned at the top left corner, and gradually fades in while moving to its original position.

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

.fadeInTopLeft {
  animation-name: fadeInTopLeft;
}