rotateIn.css

TLDR

This file defines a CSS animation called rotateIn that rotates an element and fades it in.

Classes

rotateIn

The rotateIn class applies the rotateIn animation to an element. The animation rotates the element using the transform property and changes its opacity from 0 to 1.

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

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

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