bennyboy1978

Hi, what would be the best way to make the sections here animate individually? For example, the parallax effect stops working on the bottom section because it's already been animated. Would it need a loop and how if so how would I do that? Thanks!

Thanks Cassie, Unfortunately it won't work like that because the animation is a lot more complex than the example I gave. I need to be able to yoyo and repeat scene3 and scene4 in order.

Hi! What would be the best way to yoyo and repeat just scene3 and scene4 here? So scene1 and scene2 animate in and stop but scene3 and scene4 will be animating on an infinate loop? Thanks! Ben

That's exactly what I wanted! Thanks so much for your help ?

Hi, I'm trying to do a scrolling effect like on here https://www.spacemakerai.com/. The image is fixed and animates on scroll but the text scrolls. I've made a pen but can't quite figure out how to have the text scrolling up as the image animates. Thanks.

Legend! Thanks @akapowl, this is exactly what I needed! Cheers.

Thanks guys! @akapowl I actually tried your method before but the main problem I have (sorry, I should have explained better) is when the font size changes the x position would need to change to fill the browser correctly. I'd like to have a bigger font size on desktop than mobile. Here's an example of your updated pen with a bigger font size https://codepen.io/Bennyboy/pen/dyMVxZL

Hey guys, I'm looking for a way to fill the browser window in black when the words animate out - from the centre of the "X" in "UX. I can't figure out how to make it work on all devices. Thanks!

Hahaha! ?

Thanks for such a quick reply! I'm such a douche. It's late here - I need sleeeeep! ? Thanks again.

Hi, I'm having problems using the new advanced staggers with splitText. Maybe I'm not understanding it right but I can't get the characters to animate individually unless I use the stagger value of the parameter the old way. Hope that makes sense! Thanks!

This is awesome @Noturnoo Thanks so much. I've managed to make it all work properly using the views method. You're a legend!

Thanks so much Noturnoo! I'm going to have a go with views like you said. I'll let you know how I get on. Cheers!

Hi! Not sure if I should ask here on on Barba JS forums, so apologies if this is the wrong place! I'm trying to slightly customise this awesome pen by Blake. I've got it to work how I want but I'm using Barba JS for page transitions. When you click on the box it fills the browser and transitions to the next page. Perfect! On the second page I have these boxes again but when click them the animation no longer works. Is there any way to reset it when you hit the new page. Thanks

That's really cool! Thanks @OSUblake

Awesome! Works like a treat Thanks so much for the quick reply!

Hi, I'm trying to recreate a form I've seen to help me learn GSAP. I have it so when you click in each of the input fields, the placeholder moves above the fields, which is great. What I'd like to try and do is make it so when you press the Tab Key the next placeholder in the next field moves up. Thanks! Ben

Ok great, Thanks very much Jack ?

You legend! Thanks Craig! I didn't even read "npm" durrr Thanks, that was baffling me for ages!

Hi, I'm trying to load splittext locally so I can use in my editor but I'm get getting an error: Uncaught SyntaxError: Unexpected token { Line 14 Which is: import { _gsScope, globals } from "gsap/TweenLite.js";

Thanks very much for taking the time to look Carl! I'll try that. Thanks.

I've customized a slideshow and I'm using splittext to animate text out the current slide and then animate back in the new one. It works perfectly when "Next" is clicked but I'm having trouble with "Previous". The header's going out as planned but new one's aren't coming back in.