Answers for "fade effect on set timeout"

0

css animation fade out after delay

<style>
  #text{
  transition-duration:1s; /* <= creates fade out effect */
  transition-delay:1s;
}
</style>

<p onclick="this.style.opacity=0" id="text">My text</p>
Posted by: Guest on May-26-2021
-1

js fadeout

const target = document.getElementById("target");

target.addEventListener('click', () => target.style.opacity = '0');
// If you want to remove it from the page after the fadeout
target.addEventListener('transitionend', () => target.remove());
Posted by: Guest on July-06-2021

Browse Popular Code Answers by Language