Zaar

Thanks carl. It is was a really helpful.

Hi, I have three boxes and three buttons. everytime the user click on the button , the corresponding box and it's content need to animate in and other boxes and its animations need to reverse. I created the following code but some how it is not working. Please help me. $(document).ready(function() { $('body').fadeIn(2000); mainTl = new TimelineMax({ paused: true }); $('.box').each(function(index, element){ var labelNew = 'box' + index; var tl_box1 = new TimelineMax(); tl_box1.set('.box', {top: '42%',left:'10%'}) .from('.box',0.2, {scale:0.5, autoAlpha:0, top:'-100px', ease: Bounce.easeIn, force3D:true},2); mainTl.add(tl_box1,labelNew); mainTl.addPause(labelNew); }); mainTl.pause(); $('body').on('click', '#circle-block1', function(event) { mainTI.reverse(); mainTI.tweenTo("box0"); });

Thanks It is working like a Charm.

Hi, How can use png Transparency images in ie8. http://www.greensock.com/draggable/ if you open this link in ie8 and spinning the knob you can see the black border appearing around the knob.How can I fix it.? Regards