jonhobbs

Thanks guys, that's worked perfectly. I did the css version first and then decided to try out GSAP because I need more control over the animations (ultimately I need swipe ability too so that's next). The problem was that I forgot to remove the transition and didn't realise there would be a clash. My animations are now silky smooth and I'm loving GSAP so far, especially the fact that I got a reply from the creator to my problem. Now that's service!

Hi Jonathan, thanks very much for your reply. Unfortunately I don't think it is any of those things as I have tested all the selector stuff with javascript timers. Also, the same selector code is running when using the CSS transistions version which runs much faster (both of them have very smooth animation but the GSAP one has a delay before it starts). It would be hard to put together a pen or a fiddle because there's lots of HTML/CSS to replicate and I'm not sure how I would distill that down into a minimal example. However, I am hosting the work I've done so far on azure if you want to see it in action.... http://bertest.azurewebsites.net/ ...just hover over any card and click the right arrow.

Hi guys, I'm a new user here and completely new to Greensock so please go easy on me I have set up some simple code, which works... $('BODY').on('click', '.card-arrow_right', function (event) { event.preventDefault(); var card = $(this).closest('.card'), panels = card.find('.panels'); TweenLite.to(panels, 0.2, {left:'-100%'}); }); Although it works and the panels div slides to the left, there is a few hundred millisecond delay before it starts moving. You click the button and it doesn't move immediately. If I try adding a class to the panels and using css transitions it is immediate and snappy. Am I doing something wrong? Edit: I have also tested the jQuery "closest" > "find" stuff and it takes less than 2ms, so that's not where the delay is coming from.