TweenMax旋转,不透明度和缩放

时间:2013-10-22 23:30:47

标签: rotation scale opacity greensock tweenmax

我正试图让这个页面上的图像同时旋转,缩放和改变不透明度,就像这个网站上的一些图像一样;

http://soyouwanttogotorisd.com/

这是我的网站;

http://www.ducklingfarm.com

我正在使用TweenMax,这是我的代码;

$(document).ready(function() {
    TweenMax.from( $('#homeImg'), .5, 
    {css:{scale:.05, opacity:0, rotation: 180}, ease:Quad.easeInOut}), 400,-400);
 });

但没有发生任何事......

请帮助我!

谢谢!

1 个答案:

答案 0 :(得分:8)

找到答案!

http://forums.greensock.com/topic/8480-scale-rotate-and-opacity/#entry33133

我使用了这段代码;

$(window).load (function(){
  TweenMax.from( $('.homeImg > img'), 0.5,
        {css:{scale:0.05, opacity:0, rotation: 180}, 
        ease:Quad.easeInOut
  });
});