rotateInDownLeft.css
TLDR
This CSS file defines an animation called rotateInDownLeft
and a corresponding CSS class rotateInDownLeft
.
Classes
.rotateInDownLeft
This class applies the rotateInDownLeft
animation to an element. The animation rotates the element in a downward and leftward direction, while simultaneously increasing its opacity. The transform origin is set to the left bottom of the element.
@keyframes rotateInDownLeft {
from {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
transform-origin: left bottom;
}