en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en de en en fr en en ca en en en en en en en en en en en en en en en en en en en en en en fr fr en en en en en en sv en en en en en en en nb en en en en en en ru en en en en en en en en en en en en en en en en en nb en en en en en en ru en en en en en sv en en nb en en en en en en ru en en en en en en en nb en en en en en en ru en en en en en en en en nb en en en en en en ru en en en en en en en nb en en en en en en ru en en en en en en en en nb en en en en en es en en en en en en en nb en en en en en es en en en en en en en nb en en en fr en en en es en en en en en en en de en it en fr en de en en en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
Thanks Craig, yeah that post from Shaun wasn't appearing up until just now when you mentioned it. Not sure why I didn't see it before but I've checked over the past two days, but didn't see anything. Probably something I did wrong. Anyhow, thanks much for your help!
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev replied to innocean_dev's topic in GSAP
Hi Shaun, it was to jump to the end. I ended up figuring it out with the help of another GSAP rep. I don't know why, but when I checked back on this thread yesterday and today, I didn't see your reply. But you actually replied on Monday. Not sure why that was. But the other GSAP rep told me you replied and now it popped up. Lol. Anyhow, thanks for looking into and for your help with this. Looks like its good to go.
Stopping or resolving a dynamically created timeline
Yes, this was a follow up to the same project. The last person who assisted didn't respond, so I decided to start a new thread. But anyhow, you have helped greatly. I see what was wrong now that I have looked at your addition. Somehow, this codepen snippet is actually part of a larger scale project. In the project, I realized that there was something a tad bit different than in the codepen example—the scope. The headline was created within a function—that was also within a function. My call to the timeline object was not reached because of the scope somehow. So I just resolved the headline on click from within the function. Hope that makes sense. I know it might be hard without seeing exactly what I am seeing, but I'm not able to post the larger project yet. Anyhow, thanks much for your help. Mission accomplished!
innocean_dev posted a topic in GSAP
This timeline was created dynamically. But I can't stop the animation or make it resolve to the end the normal way (on an event—like a click). How can I do so?
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev replied to innocean_dev's topic in GSAP
Hi Shaun, I'm here again. I was attempting to resolve the animation to the end using "headlines_tl.progress(1, false)," but it didn't work. Since this timeline was generated in a sort of dynamic way, is there a different approach I should be utilizing in order to pause it?
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev replied to innocean_dev's topic in GSAP
Great! I'm serious—this really made my day. I love the methods and solutions you came up with and appreciate it much!
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev replied to innocean_dev's topic in GSAP
Ok. Thanks! I do have a question. It might add a bit of complexity. Not sure. So I'm hoping to have all of the blocks (except the first) start of with 0 opacity—and after the first block fades off, the next fades in—until it gets to the last block (which will not fade out). The reason for is that in the final application, these blocks will be absolute position (stacked on one another), and it will just be text (no blue background). Kinda like one headline fading out and one fading in. Is there a simple solution to this that integrates with the logic you have already provided?
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev replied to innocean_dev's topic in GSAP
Wow. Shaun… I am truly impressed. Thanks! This is exactly what I was looking for. I was worried that my aim would not be fully understood, but you got it down solid. Thanks again. I will look through the code to understand your process at arriving with this solution.
Appending Sequences from Conditional Statements to the Timeline Object
innocean_dev posted a topic in GSAP
**See Codepen URL** I'm trying to create a simple sequence that fades out "Test" after 4 seconds, and then fade out "Rest" after 2 seconds. "Best" will remain. When I append outside of the "if" statement, the sequence works—but inside of the statement—it does not register. I am able to detect as existing all of the elements (div, array, timeline object, etc) in the statement with the console log. It appears though that appending a sequence from an embedded "if" statement will not work. It has to be done on the root level with the Timeline object. Is this correct? Or is there a way to make this work with my current setup? (I've added notations to the code.) Thanks!
Animating YouTube Video with Greeensock
innocean_dev replied to innocean_dev's topic in GSAP
Thank you! I made a wrapper around the div that was getting replaced with the iframe. Now it works fine. I appreciate your time and help. ::Carey::
Animating YouTube Video with Greeensock
innocean_dev posted a topic in GSAP
Hello, I can't seem to animate a div that contains a youtube video and I have a project that due asap. I want to be able to animate the opacity or the position. The animation either won't occur or the animation will stop before it has completed. Please let me know what I might be doing wrong. Thanks! ::Carey::
GSAP Scale Property Causing Problems
innocean_dev posted a topic in GSAP
I don't have a live example to show just yet, but here is my problem. I have a button with a shine that runs across it when you roll over. The shine is within a div that has its overflow property set to hidden. This is so the excess shine image is cropped. But when I animate the scale of any other element in my document, it releases the overflow on the button. When I scale an element back to normal size, the overflow property becomes hidden again. Why is the scale property causing that? (ex: TweenLite.to(object, .25, {scaleX:.5, scaleY:.5});
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“@greensock is just pure awesomeness. What more can be said?”
“Really quite impressed with @GreenSock JS - even the small things.”
“GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try.”
“This stuff is so incredibly amazing I can't believe it. The level of details and options put into these things and the natural instinct GreenSock has for solving everyday problems is impressive.”
“The best thing about GSAP is that it just works, and it works well. On every single browser I’ve tested.”
“GreenSock is the best thing that happened to SVG animations since SVG animations.”
“There is no doubt that GreenSock is currently the best available tool for creating astonishing interactive websites and animation effects.”
“No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.