This video shows how to make an HTML element disappear with CSS animation.
When designing web projects with vanilla css and vanilla javascript, without bootstrap and without react or such, you may face some problems. One of the pitfalls you may get into is the problem of that you can't put keyframes that are triggered on the css property display: none;
Actually you cannot directly put a keyframe animation when an element is being removed from the dom, but there are some ways to work around that. One of the work around ways for that problem is using a timer in javascript, and though the timeout, you apply some animation. The javascript function to put a timer for animation is settimeout.
What I explained in the video is how to put "out animation" on an html element.
