SteveSargent

Hi! I'm having an issue with GSAP transformOrigin on iOS 8 and lower. I've tested via Browserstack with 3 devices and transformOrigin properties seem to get ignored and just use the defaults. Thanks! Steve

Perfect thanks guys. Both solutions implemented!

Hello, The first time the animation runs all is fine but all subsequent timeline repeats miss out the first tween in the timeline. I know it's caused by the fact that the second tween overlaps the first tween on the same object but wondered if I'm doing something wrong as I wouldn't imagine this should cause issues. The problem is found on all browsers and devices Thanks!

I'm not 100% sure why javaScript is not allowed but they are very clear about not being able to use it in the brief. It looks like they want to be able to just copy and paste a block of code into an existing template that won't accept javaScript. Anyway , thanks guys this has been very useful for me and I'm going to try and push back or at least warn them that there could be many issues and compromises along the way. Complex SVG animations can be a fiddly enough process as it is without an extra headache no GSAP!

I've had a request from a client to build a responsive animated SVG infographic but there's one problem: no javascript allowed! I would imagine it's going contain animated line drawing, mask animations, rotation, scaling and all the typical animations you see in infographics. Apart from the fact that the process will be very long-winded, I'm wondering if it is even possible to get consistent, usable results across all platforms and devices using just SMIL and CSS. Am I correct in thinking that only a javaScript library like GSAP would produce acceptable results? Any opinions would be helpful.