Wie mache ich den FadeOut-Effekt mit reinem JavaScript?
Ich versuche, den FadeOut-Effekt für ein @ zu erstellediv
mitpure JavaScript.
Das ist, was ich gerade benutze:
//Imagine I want to fadeOut an element with id = "target"
function fadeOutEffect()
{
var fadeTarget = document.getElementById("target");
var fadeEffect = setInterval(function() {
if (fadeTarget.style.opacity < 0.1)
{
clearInterval(fadeEffect);
}
else
{
fadeTarget.style.opacity -= 0.1;
}
}, 200);
}
Das Div sollte sich sanft ausblenden, aber es verschwindet sofort.
Was ist los? Wie kann ich das lösen?