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;
}