Create a Portfolio Grid with Teaser Animation in Webflow

Together, we build a subtle scroll into-view animation, which animates teaser images as soon as they reach the page visitor's visible area. The Webflow interaction can be used, for example, for a simple portfolio grid or as a teaser for the sub-pages on any homepage.

If you use this structure, the effect also works with videos or background videos that loop (see Cloneable).
If necessary, you can also easily deactivate the animations with an additional CSS class if you don't want to show them somewhere.