我正在尝试仅将图像旋转一个角。图像就像一根杆子。底部不应更改位置,仅图像顶部的位置应顺时针或逆时针设置动画。我已经尝试过这样。我应该在IE8中工作also.i之所以选择left:53px
,是因为不应更改底部的位置。
<style>
.big-pole{
background-image: url("images/pole.png");
width: 55px;
height: 100px;
position: absolute;
top: 78px;
left: 53px;
}
</style>
<script>
TweenMax.to(".big-pole",3,{
top:'100px',
left:'53px',
});
</script>
最佳答案
我不确定我是否正确理解您要寻找的旋转方式?就像其他用户指出的那样吗?无论如何,您的TweenMax调用缺少一些参数,以使旋转正常进行。
TweenMax.to($(".big-pole"), 3, {rotation:-90, transformOrigin:"top center"});
您将进行一些测试,并更改一些值以找到正确的动画,导致我可能做错了一点,这全都取决于您最终想要做什么。