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