Blur In/Out with Text

[devin1229]

Hi - I'm trying to do a little fading/blurring with text where text blurs when you scroll in. This works, but what I'd like to do is have the text "unblur" (i.e., return to its initial state) after you pass the block of text. I've been reading the documentation and it seems like it's something to do with callbacks? Maybe?

See the Pen GRyywEx by devin1229 (@devin1229) on CodePen

[PointC]

You could use an onLeave callback to reverse the tween once you hit the end. Maybe something like this:

See the Pen 16a34143e5171f4ffb578c5af5bc31ea by PointC (@PointC) on CodePen

 

If it were me, I'd skip the scrub and go with toggleActions like this.

See the Pen ee502a530e23e7692883f169082d77e4 by PointC (@PointC) on CodePen

 

Just my 2 cents. YMMV.

 

Happy tweening.