[Getting the jank outta my first shot at this]

Ok I created a Codepen for it:

 

See the Pen PZjrBO by anon (@anon) on CodePen

 

Just click the "Next" button in the bottom right to run the animation.

 

Like I mentioned, the animation is doing what I wanted it to do but in my environment I can't get the FPS up there high enough. You'll see at the start of the animation code I had even set {x:1, rotationY:1} to a bunch of elements to try to create layers for them before the animation started. 

 

I also know I could stagger the various animations more so there wasn't so much overlap but that's kind of the point - I want various elements to be coming into the picture at the same time instead of one at a time.

 

Once again here's the actual environment I'm trying to make this happen: http://dev.truckingtruth.com/cdl-test/category-rules-and-regulations/page-1/

 

Thanks!

[Getting the jank outta my first shot at this]

Hey everyone! I'm new to this platform and so far I love everything about it except my ability to get the FPS where I want it, especially on mobile of course. But the structure of everything, the plugins, the syntax - everything seems pretty awesome. It feels really natural after using jQuery so many years. 

 

I'm hoping that giving you the actual web page I'm learning on instead of a codepen will be ok. I believe at least part of my problem is the CSS of the page itself and this is the exact context I'm trying to use GSAP. If I can get the FPS up where it needs to be I'll put it into production. 

 

I've spent a few days fumbling around and now I'm confident you guys can find a number of quick fixes that would take me hours or days to iron out. 

 

Here's the page:

 

http://dev.truckingtruth.com/cdl-test/category-rules-and-regulations/page-1/

 

The animations themselves are doing exactly what I expect them to do. I'm just not sure what the best way is to get better FPS. I was using SplitText on the quiz questions themselves and it looked great but I took it out to get the FPS up. I'd love to put that back in. 

 

If you want me to setup a Codepen I certainly can. I just wanted you guys to see it live on our test server so you knew the full picture of what I was working with. 

 

Thanks a ton!