How can we make an element disappear after a period of time

Question

I want to make an element ( for example SVG). disappear after a period of time / when it's animation is over.What can I do for it

Answer 1

Css alone can make it happen 😜

svg {
animation: hide 1s linear 5s 1 forwards;
}

@keyframes hide {
to {
opacity: 0;
}
}

https://code.sololearn.com/WU2I1i9SA1KK/?ref=app

Answer 2

Aditya Kannojia Do you still have any more issues?

Answer 3

setTimeout()
https://www.w3schools.com/JSREF/met_win_setTimeout.asp

Answer 4

Calviղ can I do this to more than one element like a slide show
like in the code now I want to show one quote after another disappears
https://code.sololearn.com/WNI7UW9K316J/?ref=app

Answer 5

https://www.facebook.com/100012701192217/posts/652125115220856/?app=fbl