devin1229

Hahaha... it was late!

I was wondering if there's anyone out there that can peep what I have to see why it's not working? Basically I'm just playing around and would like a box to animate to different x positions depending on the size of the window (to prevent overflow/contain the animation to the parent). I'm not getting any script errors or anything, so I'm not sure what the issue is. Does matchMedia only work with advanced timelines?

Hmmm... so I turned off scrubbing and turned my markers on and everything appears to be set correctly. There's a start marker at the top of the section likewise for the end. Is there a better way to achieve this effect?

So I was playing around with the 3D banners demo by adding in some text effects. In my working pen, I added a blur effect that triggers when it's scrolled into view. However, I want the effect to play again (scrub backwards?) when scrolling back up and I can't get that to work with the toggleActions option.

Hi - I'm trying to do a little fading/blurring with text where text blurs when you scroll in. This works, but what I'd like to do is have the text "unblur" (i.e., return to its initial state) after you pass the block of text. I've been reading the documentation and it seems like it's something to do with callbacks? Maybe?

I clearly need new glasses. Thank you @nicofonseca and @GreenSock

I'm wondering if it's possible to use the registerEffect functionality to repeat animations, but with each animation having its own delay value. I'm trying to create a series of animations that fire off in sequence vs. all at once. I thought by using something like gsap.effects.pop('.circle', { delay: 1 }); gsap.effects.pop('.square', { delay: 5 }); Would work, but it doesn't. Is there an alternative way to do this, or is something like this completely unavailable?

Thank you both! I knew it had to be simple.

Thanks! That gets me closer, but I need the circle to shrink back to the initial scale. The above keeps the scale as 2. If I were using a CSS animation, it'd be something like: @keyframes animation { 0% { transform: scale(0) } 80% { transform: scale(1.2) } 100% { transform: scale(1) }

I'm new to this Greensock thing and I'm trying to create just a simple "pop" that adjusts the scale and overshoots it a bit before returning back to the original scale. Something like what's found on this page. I've been pouring over the documentation and I'm not sure if it's using a .fromTo or something. Or do you just link a bunch of gsap.to's together?