bluemilker

Hey folks, So I'm setting up a project where there's a main timeline (mainTL), and then the user has to constantly tap a key to keep that timeline playing at its normal speed — otherwise the timeScale slowly drops down to 0. While debugging, I've noticed that even when the timeScale is 0, the currentProgress of mainTL slowly (slowly) moves. And when I read out the timeScale, I get the value 0.00001. Is that the expected behavior?

That fixed it! Thanks so much for your help. I'm blown away.

Thanks, Jack! I wasn't expecting this level of help, and I really appreciate it. I've gotten your plugin working on a test page, but I'm running into one issue: I can apply tweens to all pseudoelements on the page using the getRule(":before") syntax. But for some reason, getRule is failing when I try to find a specific instance of one, such as getRule(".myClass:before"). I've put together a quick test page to show what I mean. https://dl.dropbox.com/u/56154/gstest/pseudoelement_tweens.html There are three tweens being called on the page. The red box tweens to yellow, all :before elements have a yoyo-ing tween of their border width, and theoretically the text in the :after element should be tweening to white. But the last one isn't working, and the javascript console reports that getRule is returning undefined. Am I making an obvious error?

I've been playing around with GSAP, and I'm really enjoying the experience so far. I was wondering if there was any way to address the CSS applied to pseudo-elements like :before and :after, using GSAP. I've been looking around, and it seems like these elements aren't even really in the DOM, by default, and are tricky to address. Is it possible to somehow change the CSS without addressing the element itself? Thanks in advance.