fadeInTopLeft.css
TLDR
This CSS file defines and applies a fading animation effect to elements with the class "fadeInTopLeft". The animation starts with the element hidden and positioned at the top left corner, and gradually fades in while moving to its original position.
Classes
fadeInTopLeft
Applies the "fadeInTopLeft" animation effect to elements. This animation starts with the element hidden and positioned at the top left corner, and gradually fades in while moving to its original position.
@keyframes fadeInTopLeft {
from {
opacity: 0;
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInTopLeft {
animation-name: fadeInTopLeft;
}