events.forEach(e => {
d_o.addEventListener(e, (ev) => {
discord_underlay.classList.remove("animation");
discord_underlay.style.animation = "discord-hover 1s";
}, false);
});
//leave d_o
events_.forEach(e => {
d_o.addEventListener(e, (ev) => {
discord_underlay.style.width = "55px";
discord_underlay.style.transform = "translate(-345px, 3px)";
}, false);
});
via animation down below
@keyframes discord-hover {
0% {width:55px; transform;translate(-345px, 3px);}
100% { width:300px; transform:translate(-100px, 3px);}
}
How do make it so that the animation is accessable more than once not only the first time I hover over it?