Move, fade, scale, rotate or blur elements on scroll
Scroll Effects ties the look of a widget, container, section or column to its way through the screen while the page scrolls. The element can move up, down or sideways, rotate, grow or shrink to its normal size, sharpen from a blur and fade in or out. Use it for parallax layers and content that settles into place as it comes into view.
Give an image a negative Move Up or Down (px) value so it moves against the scroll.
Give several layers different movement values so they drift by different amounts.
Start a card at a smaller size with a blur and let it sharpen as it reaches the middle of the screen.
Use Fade out while leaving so sections dim as they scroll off the top.
A few steps from adding the extension to a finished result.
Active On includes only Desktop and Tablet by default. Add Phone to run the effects there.
No. Scroll Effects follow the scroll position, so they also run backwards when the visitor scrolls back up.
Yes. Movement, rotation, size, blur and fade can all be set on the same element.
Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.