slideUp
HTML<div class="slideUp"></div>
CSS@keyframes slide-up {
0% {
transform: translateY(20px);
}
100% {
transform: translateY(0);
}
}
@keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.slideUp {
animation: opacity 1.2s forwards linear, slide-up 0.8s forwards ease-in-out;
}