Mouse In & OUT + SplitText & top left vs transform

[TerraHQ]

Hey There!
I've got a few questions:
1 - Custom cursor should work with "top/left" or with transformX/TransformY ? ( performance) - Reference this article - would love some tips on how to proceed with it.
2 - How could I have some kind of animation using split text when I enter to the card on hover - Reference

See the Pen DBGYXK by GreenSock (@GreenSock) on CodePen

Thanks!

See the Pen PoaOaxo by andresclua (@andresclua) on CodePen

[GreenSock]

Yep, definitely use x/y rather than top/left. Cheaper for the browser, plus transforms can do sub-pixel rendering. 

 

Your demo appears to only use CSS transitions and no GSAP at all. You can certainly use GSAP and SplitText. If you have a specific GSAP-related question, we're happy to help with that. We don't have the resources to provide free "made-to-order" solutions, but hopefully it's pretty straightforward to build out with GSAP. 

 

Have fun!