Samuele Posted August 21, 2023 Share Posted August 21, 2023 Hello, I used "scrolltrigger" in order to scale up text while scrolling but in some browsers (IOS/safari) the text is blurred. I already tried with "force3D: false" as mentioned in this topic but it didn't work. Any thoughts? See the Pen ExGaLgw by sml-k (@sml-k) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted August 21, 2023 Share Posted August 21, 2023 Heya! A few ideas - scaling *down* instead. adding will-change:transform to the text add a very tiny 0.01deg rotation Hope this helps 💚 Link to comment Share on other sites More sharing options...
Samuele Posted August 22, 2023 Author Share Posted August 22, 2023 Hi @Cassie, thanks for the replay. I added: will-change:transform; transform: rotate(0.01deg); but now it's blurred even in desktop browser... Did I get it wrong? Link to comment Share on other sites More sharing options...
Cassie Posted August 22, 2023 Share Posted August 22, 2023 You missed this one Quote scaling *down* instead. Start with the text size BIG and then use transforms to scale from a smaller size. See the Pen yLGNYOw?editors=0110 by GreenSock (@GreenSock) on CodePen 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now