Juc1

@ Zach thanks a lot ?

@ Zach for the second one = https://codepen.io/Juc1/pen/LYEPxKv I want each click to play and reverse the timeline = click 1 play and reverse timeline, click 2 play and reverse timeline etc . It works fine on the first click but how do I say run the timeline again (play and reverse) for each click ?

@ Zach awesome thanks ? Could you please look at my codepen #2 in my first post (similar but different) ?

Hi all, Any ideas please what I am missing ? ? codepen # 1 I want each click to alternate between - click 1 play the timeline, click 2 reverse the timeline, click 3 play the timeline etc. It is close except that the first click does nothing. https://codepen.io/Juc1/pen/eYYaLwd ======================================================================= codepen #2 I want each click to play and reverse the timeline = click 1 play and reverse timeline, click 2 play and reverse timeline etc . It works fine on the first click but further clicks do nothing. https://codepen.io/Juc1/pen/LYEPxKv Thanks...

@PointC thank you ?

Hi all, I forked Mikel's codepen from When my SVG is a rectangle the 3 second duration works ok = But when my SVG is text, the 3 second duration seems to be ignored = Any ideas please why the duration does not work for the text? Thanks...

Hi all, Suppose my timeline has various events adding up to say 12 seconds - to wait 8 seconds after the last event and then begin the timeline again. I can use var tl1 = new TimelineMax({repeat: -1, repeatDelay: 8}), but can I instead say something like "run the timeline every 20 seconds" so suppose the timeline is 12 seconds long it would run at seconds 0 -12 then again at 20 - 32 then 40 - 52, then 60 - 72 etc Thanks...

@PointC ok thanks this was the bit I was not getting "It's units, but unless you specify another unit (em, pt, cm etc...) it's assumed to be equivalent to the same number of pixels" - I read this about Viewport (which I think is not declared in a responsive SVG) but I did not know the same applied to Viewbox. I have kept my original codepen to remind myself how not to do it so... http://codepen.io/Juc1/pen/GoZzRB http://codepen.io/Juc1/pen/zrqyVB Anyway it is much clearer now - thanks for your help and patience

@PointC that is all very helpful thank you - the one thing I am missing is do you mean that my Viewbox ="0 0 7.2 7" defines the size of my SVG as 7.2 x 7 pixels? If so I guess I misunderstood the meaning / purpose of "Viewbox". Thanks...

@ PointC ok thanks so when you said before "the original square is only 7x7 pixels" @ PointC yes I get that but then how did you get from this to saying that "the original square is only 7x7 pixels"? I could be wrong but I thought that the Viewbox was like a graph / map on which the svg is drawn so if the graph is 7.2 x 7 units then a rectangle of 5.5 x 5.5 units takes up 5.5 / 7 = about 78% of the graph area. I am not sure where the pixels come in to this. Thanks...

@PointC or anyone - just getting back to this - where in my SVG file (made in AI) does it say my square should be 7 x 7 pixels? Thanks...

@ PointC yes that helps thanks. I need to do some reading on the viewport / viewbox etc stuff.

Thanks @ PointC and Diaco - I was hoping to target the svg child element. But anyway another thing - in my updated codepen (same url as above) I want to say move 100px to the right and then 50px down - but the result seems to be a lot more than 100px and a lot more than 50px. Am I doing something wrong? Thanks...

Hi all, Any ideas please why my square is not moving? Thanks...

@OSUblake ok thanks...

Hi all, I just noticed this link retweeted by https://twitter.com/greensock - I like the cool flickering "Dim Sum" text - any ideas please how to do this or are there any codepens out there for this sort of flickering thing? Thanks...

Thanks

This codepen http://codepen.io/GreenSock/pen/QwmegN?editors=001 does not seem to load...

OK thanks @ Diaco and Jonathan and yes those two videos are very helpful...

Hi all, In my codepen there is some unwanted delay before the bike moves - how do I get the bike and the wheels to move together (not wheels first then bike)? Thanks...

@ Shaun ok thanks. @ Carl ok thanks I will send an email...

@alwayz ok it works now, thanks! Can I add jquery by default so I don't have to keep adding it for each new pen? - I can't see where to do that in the codepen settings.

Hi all, Can anyone please tell me what is wrong with my var syntax? Thanks...

@ Carl the link problem was in Windows 8 and several browsers - but on a different Windows 8 machine it works fine so the problem must be with my machine. Anyway SplitText looks good, thanks...

Anyway another thing is that the first time a codepen (yours or mine) loads in a new browser the unstyled text appears briefly (ie less than one second) before the animation begins. Do you know what I mean and if so is it possible to stop the unstyled text showing? Thanks...