[Pin After Animation]

Your solution is what I was looking for. Thanks!

[Pin After Animation]

I want to pin an element after an animation (the box slides into position on scroll) takes place. I have tried to use a timeline to implement this, but I can't seem to change when the pinning starts. Does anyone know how I would do this?

See the Pen NWdQdOL by howardcole (@howardcole) on CodePen

[scrollTrigger not working in combination with transition CSS]

That makes  sense, thanks!

[scrollTrigger not working in combination with transition CSS]

I'm trying to make a simple pin script, but when I add a transition property in my CSS, the particular box comes flying  in from the left whenever the trigger is started. If I remove this transition property, then the on hover property doesn't work. Does anyone know why this might be happening?

See the Pen gOgBYRY by howardcole (@howardcole) on CodePen