Javascript 从当前状态设置动画

我正在使用内联样式旋转和缩放矩形。在Javascript中，我保持当前状态：

var currentScaleIndex = 1;
var currentRotateDegree = 45;

当用户旋转矩形时，我获取当前值并添加新值以获得要应用的新样式：

var currentScaleIndex = 1;
var currentRotateDegree = 90;

问题在于，动画不是从当前样式生成的，如中所示：

<div style="transform: scale(1, 1); rotateX(45deg);"

Maximus

将X轴旋转90度将永远不会显示页面上的任何内容，因为它与页面垂直，如果尝试检查X轴的角度为100度、110度、120度，您将了解其工作原理

如果要将其反向旋转，可以将其移动到180度

希望这能奏效

干杯
 与JS和动画一起演示会有所帮助。
<div style="transform: scale(1, 1); rotateX(90deg);"