Test dojox.fx.ext-dojo.complex using css3 transforms

rotate - click me!


			dojo.animateProperty({
				node:"rotate",
				duration: 1000,
				properties:{
					transform:{start:'rotate(0deg)', end:'rotate(360deg)'}
				}
			}).play();

skewX - click me!


		dojo.animateProperty({
			node:"skewX",
			duration: 1000,
			properties:{
				transform:{start:'skewX(0deg)', end:'skewX(20deg)'}
			}
		}).play();

skewY - click me!


		dojo.animateProperty({
			node:"skewY",
			duration: 1000,
			properties:{
				transform:{start:'skewY(0deg)', end:'skewY(10deg)'}
			}
		}).play();

skew - click me!


		dojo.animateProperty({
			node:"skew",
			duration: 1000,
			properties:{
				transform:{start:'skew(0deg,0deg)', end:'skew(20deg,10deg)'}
			}
		}).play();

scaleX - click me!


			dojo.animateProperty({
				node: "scaleX",
				properties:{
					transform:{start:'scaleX(1)', end:'scaleX(2)'}
				}
			}).play()

scaleY - click me!


			dojo.animateProperty({
				node: "scaleY",
				properties:{
					transform:{start:'scaleY(1)', end:'scaleY(.5)'}
				}
			}).play()

scale - click me!


			dojo.animateProperty({
				node: "scaleY",
				properties:{
					transform:{start:'scale(1,1)', end:'scale(2,.5)'}
				}
			}).play()