rotateOutUpLeft.css

TLDR

This file defines a keyframe animation called rotateOutUpLeft and a CSS class called rotateOutUpLeft that applies the animation.

Classes

.rotateOutUpLeft

This class applies the rotateOutUpLeft animation to an element. The animation rotates the element around the bottom left corner by -45 degrees and gradually reduces its opacity from 1 to 0.

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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