rotateInUpRight.css

TLDR

This file contains CSS code for animating an element using the rotateInUpRight animation.

Classes

rotateInUpRight

This class applies the rotateInUpRight animation to an element. The animation starts by rotating the element -90 degrees around the z-axis and setting its opacity to 0. It ends by translating the element to its original position and setting its opacity to 1.

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

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

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