rotateOut.css

TLDR

This file defines the rotateOut CSS animation keyframes and the .rotateOut CSS class. The animation rotates an element around the z-axis while decreasing its opacity, resulting in a fade-out effect.

Classes

.rotateOut

Applies the rotateOut animation to the element, causing it to rotate around the z-axis and fade out. The transform origin is set to the center of the element.

@keyframes rotateOut {
  from {
    opacity: 1;
  }

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

.rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}