Fadein Blur text

[alainpicard]

Hello,

Can we do a blur on a text fadein with GSAP?

So from 100%  bur to 0%

 

Best.

[mvaneijgen]

Hi @alainpicard welcome to the forum!

 

What have you tried already? We love to what you can come up with, that way we can see your thought process and thus better help you understand the tools!

If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/

 

Something like this should work gsap.from(elm, {filter: blur(5px)); if you still need help be sure to post a minimal demo and show us what you've tried. Hope it helps and happy tweening! 

 

[Rodrigo]

Hi,

 

In general filters are really bad for performance since they drain the life out of the hardware,so you have to be carefully about them:

See the Pen ZEZygeO by GreenSock (@GreenSock) on CodePen.

 

Here is another option that uses a different approach:

See the Pen XWdeoW by dperuo (@dperuo) on CodePen.

 

Happy Tweening!