[How to tween CSS3 Transform properties?]

The CSSPlugin doesn't support 3D transforms yet, but it will soon. In the mean time, you can manually tween the values using an onUpdate kinda like:

 

var props = {x:0, y:0, z:0}; //current values
TweenLite.to(props, 5, {x:1000, onUpdate:applyProps});
function applyProps() {
    target.style.WebkitTransform = "translate3d(" + props.x + "px, " + props.y + "px, " + props.z + ")";
}

 

any update in this?

 

is CSSPlugin supports 3D Transforms?

[Disappear on beizer ends]

Hi

 

i have multiple div like #animate123 when the cubic beizer ends the the div will disappear (smoothly reduce the width and height or scale till the bezier track ends)

 

var tween = TweenMax.to("#animate123", 5, {
bezier:{
type:"cubic",
values:
[{"x":178.853394,"y":292.738353},{"x":178.853394,"y":292.738353},{"x":461.554575,"y":189.214815},{"x":640,"y":255.010604}],
autoRotate:["x","y","rotation", 0, true]
}, ease:Power1.easeInOut},{className: "+=fish"});

 

please help me