Make HTML element disappear with CSS animation

Issue

I want to know if there is a way to make an HTML element disappear with an animation of CSS. So when the element gets removed from the page by some script, an animation shall display before the element actually gets removed.

Is this possible in an easy way? Or do I need to set a timer to my script that starts the animation with a duration of X and removes the element after time X?

Solution

If the script is actually removing the DOM element, I don't believe there's a way to fade it out. I think the timer is your only option.

Answered By - sean