Remove/Hide div from DOM after animation completes using CSS?

Question

I have an animation where a div slides out the view, however when the animation is completed, the div just returns to its origin position in the view. How do I totally remove th

Answer 1

animation: slide 5s linear forwards;

at 100%

opacity: 0;
display: none;

Try this.

Working fiddle: https://jsfiddle.net/jbtfdjyy/1/

UPDATE: JS mani

var slideBox = document.getElementById('slide-box');

setTimeout(function(){
    slideBox.style.display = 'none';
}, 5000); 

Try this. https://jsfiddle.net/jbtfdjyy/2/