rotateOutUpRight.css

TLDR

The provided file is a CSS file that defines an animation called rotateOutUpRight. The animation rotates an element 90 degrees around the z-axis while simultaneously reducing its opacity from 1 to 0. The animation can be used with the HTML class rotateOutUpRight to apply the animation to specific elements.

Classes

rotateOutUpRight

This class can be applied to HTML elements to animate them using the rotateOutUpRight animation. It sets the animation-name property to rotateOutUpRight and the transform-origin property to right bottom, which determines the origin point of the rotation.

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

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

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