rotateInDownLeft.css

TLDR

This CSS file defines an animation called rotateInDownLeft and a corresponding CSS class rotateInDownLeft.

Classes

.rotateInDownLeft

This class applies the rotateInDownLeft animation to an element. The animation rotates the element in a downward and leftward direction, while simultaneously increasing its opacity. The transform origin is set to the left bottom of the element.

@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

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

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}