How it works

1. step #1

   Implement in Webflow

   Apply the attributes to the elements inside the page

   Below is a list of elements and options to apply the GSAP image scrubbing effect.
   

   component

   I want this

   Section

   Container

   or

   Div Block

   to get the image scrubbing effect.

   Option

   base image fit

   I want to state object-fit property of the images painted on the canvas.

   Option

   landscape image fit

   I want to state object-fit property of the images painted on the canvas when the mobile device orientation is landscape.

   Option

   portrait image fit

   I want to state object-fit property of the images painted on the canvas when the mobile device orientation is portrait.

   Option

   Frames per second

   I want to control the playback speed reference of the image sequence.

   Option

   start point

   I want to define when the image sequence animation starts during scroll.

   Option

   end point

   I want to defines when the image sequence animation ends during scroll.