dojox/fx/ext-dojo/complex (version 1.10)

Summary

Extends dojo/_base/fx.animateProperty to animate a "complex property". The primary example is the clip style: rect(10px 30px 10px 50px). Note this can also be used with (and is actually intended for) CSS3 properties, such as transform: transform: rotate(10deg) translateX(0px)

The standard animation doesn't know what to do with something like rect(...). This class identifies complex properties by they being a string and having parenthesis. If so, that property is made into a dojox.fx._Complex object and the getValue() is obtained from there.

See the dojox/fx/ext-dojo/complex reference documentation for more information.

Examples

Example 1

var ani = dojo.animateProperty({
    node:dojo.byId("myDiv"),
    duration:600,
    properties:{
        clip:{start:'rect(0px 50px 50px 0px)', end:'rect(10px 30px 30px 10px)'}
    }
}).play();
Error in the documentation? Can’t find what you are looking for? Let us know!