Notice: Undefined variable: root in /users/basti1012/www/index1.php on line 41
Popup automatisch ausblenden

Popup automatisch ausblenden

wenn ein User einen Artikel durch Anklicken in den Warenkorb legt, soll ein kleines Popup Fenster mit einer Meldung "vorgemerkt" aufgehen, das nach etwa 2 Sek automatisch geschlossen wird, am Besten wäre ein Ausblenden. Wie kann man sowas realisieren?

Der hier verwendete Code

<style> body{ background:black; } .popup { border:1px solid black; border-radius:10px; padding:10px; box-shadow:10px 10px 10px white; height:200px; width:50vw; line-height:200px; background:white; color:black; font-size:40px; text-align:center; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); } .weg{ transition:1500ms all; transform: translate(-50%,-100vh); } </style> <div id="popup" class="popup">gespeichert</div> <script> setTimeout(function(){ document.querySelectorAll(".popup")[0].classList.add('weg'); }, 1900); </script>