Mouse over the DIV element and it will change, gradually, both in color and size!

Click the "Try it" button and mouse over the DIV element again. The changes will now happen in a linear speed curve.

myDIV

The transitionTimingFunction property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.

Safari supports an alternative, the WebkitTransitionTimingFunction property.