rotateInDownRight.css

TLDR

This file contains CSS code that defines keyframes for the rotateInDownRight animation and a CSS class rotateInDownRight that applies the animation to an element.

Methods

N/A

Classes

rotateInDownRight

This class applies the rotateInDownRight animation to an element. The animation rotates the element from 45 degrees and fades it in while translating it to its original position.

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

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

.rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}