Hi,
I used tweenmax for Scrollmagic and i have a problem with :
l__values_transform_old = "skew(-50deg) rotateX(22deg) rotateY(218deg) rotateZ(181deg)";
l__values_transform_old = "skew(0deg) rotateX(22deg) rotateY(218deg) rotateZ(181deg)";
l__tweens_hat[key] = TweenMax.fromTo(
$("#org-box-hat"),
0.5,
{
css:
{
"background-color": value.color_hat,
"z-index": value.z_index,
height: value.height_hat_old,
width: value.width_hat_old,
top: value.top_hat_old,
left: value.left_hat_old,
"-webkit-transform": l__values_transform_old,
transform: l__values_transform_old,
},force3D:false,
},
{
css:
{
"background-color": value.color_hat,
"z-index": value.z_index,
height: value.height_hat,
width: value.width_hat,
top: value.top_hat,
left: value.left_hat,
"-webkit-transform": l__values_transform,
transform: l__values_transform,
},force3D:false,
}
);
Who return :
t
transform: matrix3d(0.862315, 0.34731, -0.657228, 0, 0.0945447, -0.919935, -0.362089, 0, -0.645951, 0.221192, -0.730631, 0, 0, 0, 0, 1);
And if replace in my console by
transform : skew(-50deg) rotateX(22deg) rotateY(218deg) rotateZ(181deg) ;
The result is different.
So, i will block translate to matrix. A parameter existing for this ? Or other method ?
Thanks you for read !