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>