Fading Effects

Fading Effects

Fading effects in jquery slowly modifies the opacity of the selected elements. Following are the properties of the fading effect.

Fadein: .fadeIn()

The fadeIn effect is used when ever we need to animate the opacity of matched element from hidden to visible.

Fadeout: .fadeOut([duration], [easing], [callback])

The fadeOut method is used to animate the opacity of the matched elements from visible to hidden.

Fade Toggle: .fadeToggle([duration], [easing], [callback])

The fadeToggle is used to show and hide the matched elements by animating their opacity.

Fade To.fadeTo()

jQuery .fadeTo() is one of effect function that fades the matched elements for the specified opacity.