Scroll Effects: Rotate

Set any item to to turn left or right as the user scrolls up or down the page.

Advanced or Style> Background

Motion effects

1. Scroll Effects: Slide to ON
2. To turn: Click the pencil edit icon
   Direction: Choose Left or Right
   Speed: Sets the rotation speed from 0 to 10
   Viewport: Determines when to start the effect, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the effect starts only after you move half the height of the viewport.
3. Anchor point X: Choose the horizontal axis from which the element will rotate, selecting from Left, Center or Right
4. Anchor point Y: Choose the vertical axis from which the element will rotate, selecting from Top, Center, or Bottom
5. Apply effects on- Select this option to apply motion effects on desktop, tablet and / or mobile devices.
6. Effects Relating to: Choose from Default, View, or Full Page

Note: The two settings, X and Y Anchor Points, determine the axis around which the element rotates. If you set the top left orientation, the rotation will occur around the top left point of the item. If you set the center-center orientation, the rotation will rotate around its center, like a wheel.