2015-06-25 91 views
-1

我使用内联样式旋转和缩放矩形。在Javascript中我认为当前的状态:从当前状态动画

var currentScaleIndex = 1; 
var currentRotateDegree = 45; 

当用户打开一个矩形我取当前值,并增加新的价值,以获得新的风格,以适用于:

var currentScaleIndex = 1; 
var currentRotateDegree = 90; 

的问题是,动画不从目前的风格发生,如:

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

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

但是从没有规模或旋转设置的开始风格。我该如何解决这个问题?

+1

演示以及您的JS和动画将有所帮助。 – Harry

回答

0

鲆,

旋转的X轴与90度永远不会显示网页上的任何东西作为其垂直于纸面,如果尝试检查与100度,110度,120度的X轴,你会知道怎么运行的。

如果你想完全相反的旋转它,你可以将它移动到180度。

希望这会工作!

干杯!