Hi,
Being new to GreenSock, I want to move a circular <IMG> from some small point (coming from the background effect) to its full size centered in the page. I also want the image to be rotating on itself. But I can't reach a smooth rotating effect.
I have been tweaking an existing example and trying something as
<body>
<div id="container">
<img id='svg' class="R-T" src="img/sigle-1920.png">
</div>
<script type="text/javascript" src="js/greensock/TweenMax.js"></script>
<script type="text/javascript">
TweenLite.set(container, { perspective: 300 });
TweenMax.staggerTo('.R-T', 1, { rotationX: 360, repeat: 20, ease: Linear.easeNone, delay: -1 }, 1);
</script>
</body>
The rotation is very fast, too much fast. Is there a way to slow it down ? Then to move my image from one point with a small size and grow it while it keeps rotating an inflating to its final size and position ?
Thanks for help.
CS