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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!