(Sorry if this question is duplicate)
Hello, i am trying to make a simple welcome text animation at the start of the page. I have already figured out how to animate the text but how can i make it disappear after the animation has finished?
Use keyframe.
.animation-out{
animation: 0.4s opac 3s both;
}
@keyframes opac {
0% {
opacity:1
}
100% {
opacity:0
}
}<h1 class="animation-out">Hello Word !</h1>