Html TweenMax的强制矩阵3D或缩放3D？

我目前正在尝试用Tweenmax进行两个非常大的（整版）div的缩放和移位。虽然我的方法有效，但在Chrome中却非常缓慢

我相信这是因为Tweenmax使用了

Transform:Translate3d（x，y，z）Scale（x，y）而不是
scale3d
或
matrix3d
。是否有强制Tweenmax使用
matrix3d
或
scale3d

我尝试过使用
force3d:true
，但似乎不起作用

这是我的代码，移动和缩放分开，让我自己更容易阅读

TweenMax.to('#background', 0.1, {scale: 1 + (0.05*dist_perc), delay: 0.01, force3D:true});
TweenMax.to('#foreground', 0.1, {scale: 1 + (0.05*dist_perc), delay: 0.01, force3D:true});

TweenMax.to('#background', 0.1, {x: (0.01*(x_mouse - cx_wind)), y: (0.01*(y_mouse - cy_wind)), delay: 0.01, force3D:true});
TweenMax.to('#foreground', 0.1, {x: (0.015*(x_mouse - cx_wind)), y: (0.015*(y_mouse - cy_wind)), delay: 0.01, force3D:true});

尝试添加z属性（translateZ），稍微移动到tweensz:0.001

TweenMax.to('#background', 0.1, {z:0.001, scale: 1 + (0.05*dist_perc), delay: 0.01, force3D:true});
TweenMax.to('#foreground', 0.1, {z:0.001, scale: 1 + (0.05*dist_perc), delay: 0.01, force3D:true});

TweenMax.to('#background', 0.1, {z:0.001, x: (0.01*(x_mouse - cx_wind)), y: (0.01*(y_mouse - cy_wind)), delay: 0.01, force3D:true});
TweenMax.to('#foreground', 0.1, {z:0.001, x: (0.015*(x_mouse - cx_wind)), y: (0.015*(y_mouse - cy_wind)), delay: 0.01, force3D:true});

看看这是否有效。确保您正在使用force3D现在有另一个名为force3D的选项：“自动”。。更多信息请参见

另外，一个或示例将非常有用，因此我们可以在上下文中查看您的代码并对其进行实时编辑。只是为了确保您没有任何其他CSS或JS可能导致它不应用matrix3d（）