Test dojox.fx.ext-dojo.complex

The dojox.fx.ext-dojo.complex class is an extension of dojo.animateProperty which adds functionality that animates a "complex property". The primary example is the clip style: rect(10px 30px 10px 50px).

Frankly, the clip style is not very useful nor exciting. But the dojox.fx.ext-dojo.complex class will animate any property contained within parenthesis. So it can also be used with (and is actually intended for) CSS3 properties, such as transform: transform: rotate(10deg) translateX(0px) or even gradients (it would only affect the properties within the color-stops): background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #ff0000),color-stop(1.0, #0000FF));

A few notes on the clip:rect() property. IE only accepts no commas - Firefox & Safari accepts both. So.... don't use commas! Also, the node must be set to position:absolute to work.

Dojo saves you time, performs better, and scales to meet your needs. It's the toolkit that experienced designers and developers turn to for building great experiences.

Dojo is a set of integrated libraries that accelerate development from simple pages to the most sophisticated web applications. Great resources are available to help you take advantage of all that power.

Dojo Campus hosts the official documentation wiki, short how-to articles, and a rich set of examples to help you leverage the power and depth of Dojo.