# animation and effects

The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects.

### [.animate()](https://api.jquery.com/animate/)

Perform a custom animation of a set of CSS properties.

### [.clearQueue()](https://api.jquery.com/clearQueue/)

Remove from the queue all items that have not yet been run.

### [.delay()](https://api.jquery.com/delay/)

Set a timer to delay execution of subsequent items in the queue.

### [.dequeue()](https://api.jquery.com/dequeue/)

Execute the next function on the queue for the matched elements.

### [.fadeIn()](https://api.jquery.com/fadeIn/)

Display the matched elements by fading them to opaque.

### [.fadeOut()](https://api.jquery.com/fadeOut/)

Hide the matched elements by fading them to transparent.

### [.fadeTo()](https://api.jquery.com/fadeTo/)

Adjust the opacity of the matched elements.

### [.fadeToggle()](https://api.jquery.com/fadeToggle/)

Display or hide the matched elements by animating their opacity.

### [.finish()](https://api.jquery.com/finish/)

Stop the currently-running animation, remove all queued animations, and complete all animations for the matched elements.

### [.hide()](https://api.jquery.com/hide/)

Hide the matched elements.

### [jQuery.fx.interval](https://api.jquery.com/jQuery.fx.interval/)

The rate (in milliseconds) at which animations fire.

### [jQuery.fx.off](https://api.jquery.com/jQuery.fx.off/)

Globally disable all animations.

### [jQuery.speed](https://api.jquery.com/jQuery.speed/)

Creates an object containing a set of properties ready to be used in the definition of custom animations.

### [.queue()](https://api.jquery.com/queue/)

Show or manipulate the queue of functions to be executed on the matched elements.

### [.show()](https://api.jquery.com/show/)

Display the matched elements.

### [.slideDown()](https://api.jquery.com/slideDown/)

Display the matched elements with a sliding motion.

### [.slideToggle()](https://api.jquery.com/slideToggle/)

Display or hide the matched elements with a sliding motion.

### [.slideUp()](https://api.jquery.com/slideUp/)

Hide the matched elements with a sliding motion.

### [.stop()](https://api.jquery.com/stop/)

Stop the currently-running animation on the matched elements.

### [.toggle()](https://api.jquery.com/toggle/)

Display or hide the matched elements.
