dojox/css3/fx (version 1.10)

Summary

Utilities for animation effects.

Method Summary

  • bounce(args) Returns an animation that does a "bounce" effect on args.node.
  • expand(args) Returns an animation that expands args.node.
  • flip(args) Returns an animation that flips an element around his y axis.
  • puff(args) Returns an animation that will do a "puff" effect on the given node.
  • rotate(args) Returns an animation that rotates an element.
  • shrink(args) Returns an animation that shrinks args.node.

Methods

bounce(args)
Defined by dojox/css3/fx

Returns an animation that does a "bounce" effect on args.node.

Vertical bounce animation. The scaleX, scaleY deformation and the jump height (args.jumpHeight) can be specified.

Parameter Type Description
args Object
Returns:undefined
expand(args)
Defined by dojox/css3/fx

Returns an animation that expands args.node.

Scales an element to args.endScale.

Parameter Type Description
args Object
Returns:undefined
flip(args)
Defined by dojox/css3/fx

Returns an animation that flips an element around his y axis.

Flips an element around his y axis. The default is a 360deg flip but it is possible to run a partial flip using args.whichAnims.

Parameter Type Description
args Object
Returns:undefined

Examples

Example 1

// half flip
dojox.css3.fx.flip({
    node: domNode,
    whichAnim: [0, 1]
}).play();
puff(args)
Defined by dojox/css3/fx

Returns an animation that will do a "puff" effect on the given node.

Fades out an element and scales it to args.endScale.

Parameter Type Description
args Object
Returns:undefined
rotate(args)
Defined by dojox/css3/fx

Returns an animation that rotates an element.

Rotates an element from args.startAngle to args.endAngle.

Parameter Type Description
args Object
Returns:undefined
shrink(args)
Defined by dojox/css3/fx

Returns an animation that shrinks args.node.

Shrinks an element, same as expand({ node: node, endScale: .01 });

Parameter Type Description
args Object
Returns:undefined
Error in the documentation? Can’t find what you are looking for? Let us know!