.animation-reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.animation-reveal.fast {
transition: 0.5s all ease;
}
.animation-reveal.medium {
transition: 2s all ease;
}
.animation-reveal.slow {
transition: 3s all ease;
}
.animation-reveal.slower {
transition: 4s all ease;
}
.animation-reveal.show {
transform: translateY(0);
opacity: 1;
}
.reveal {
overflow:hidden;
position:relative; }
.reveal::after {
content: " ";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background:#fff;
z-index:2;
transition: all 0.5s ease;
}
.reveal.show::after { 
height: 0;
}