How to use "Add class" with scrolling page trigger Interaction

Beginners
1

Can someone show how to use the addclass with scrolling interaction?
I have tried a few ways to add a css animation code with clip-path but I am not able to make it work.

2

@txirrindulari take a look at the AddAndRemoveClassesOnScroll in Pinegrow Interactions Examples:
https://pinegrow.github.io/Pinegrow-Interactions-Examples/AddAndRemoveClassesOnScroll/

In Pinegrow, you can open this page with Open URL and explore animations in the Interactions panel, or you can clone the whole repository to get a local copy of examples: https://github.com/Pinegrow/Pinegrow-Interactions-Examples

addclass
addclass2698×1754 915 KB

Video:

1 Like