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?

jsbin