我正在尝试仅将图像旋转一个角。图像就像一根杆子。底部不应更改位置,仅图像顶部的位置应顺时针或逆时针设置动画。我已经尝试过这样。我应该在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"});


您将进行一些测试,并更改一些值以找到正确的动画,导致我可能做错了一点,这全都取决于您最终想要做什么。

07-26 00:29