fadeOut() Method


The fadeOut() method is used to hide elements with a fading animation.

It gradually reduces the opacity until the element becomes invisible.

Fade out effects are commonly used when closing popups or hiding messages.

This hides the element using default fade animation.

This hides the element over 700 milliseconds.

Predefined speed values such as fast and slow can also be used.

fadeOut() Method Notes:

  • Gradually hides elements
  • Uses opacity animation
  • Supports speed parameter
  • Often used in alerts and modals