jQuery UI Color Animation
jQuery UI adds some methods in core jQuery to extend the features of animate functionality. You can animate different transitions for an element. jQuery UI also supports animating colors. Here, you can animate one or more CSS properties that define an element colors.
Following is a list of CSS properties that support animate method.
Syntax for the jQuery UI animate method:
If you want to add more than one property in this method, you will have to separate them with a comma.
Example of jQueryUI Color animation
Let's take an example to demonstrate the color animate method with the use of addClass() method.
jQuery UI Color Animate with Toggle
Let's take an example to demonstrate the color animate method with the use of toggle effect:Test it Now