css text rising from underneath

Question

How to make it look like as if text is rising up from underneath using css

Answer 1

.fadeInUp-animation {
animation: 1.5s fadeInUp;
}

@keyframes fadeInUp {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0%);
opacity: 1;
}
}

.fadeInUp-animation {
animation: 1.5s fadeInUp;
}