backInUp.css
TLDR
The backInUp.css
file contains CSS code for an animation called backInUp
. It defines the keyframes for the animation and applies it to the .backInUp
class.
Classes
.backInUp
This class applies the backInUp
animation to an element, causing it to move and scale into view with a fade-in effect.
END
@keyframes backInUp {
0% {
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.backInUp {
animation-name: backInUp;
}