Offset allows you to set the Start Point at the exact pixel height. You can choose Start Point for On Scroll animation so that it will start once the top edge of the widget is aligned with the Top, Center, or Bottom (by default) of the screen.

Start point, for the animation On Scroll.

Use the Start When in View control to delay an animation until the widget actually appears on your visitor’s screen. By default, On Load animations start as soon as a page finishes loading, even if some widgets might not be visible yet.

Start when in view, for the animation On Load.

There are also specific parameters that can be applied only to certain animation types: All widgets with this option will be hidden for users that load more than once. The ‘Once per user’ option allows you to play an animation only once for each visitor.

Note that all subsequent steps automatically become looped once a step is looped. If your animation includes multiple steps, you can only set a loop to specific steps. A loop allows your animation to repeat as a cycle or in the reverse mode (when it runs from the end to the start point after the animation finishes). Most parameters work the same for almost all animation types and effects: duration, delay, acceleration, and loop. You can customize each by changing its parameters. Several presets also allow you to make your widget pulse, fade in, scale up, etc. The value shows the percentage of the initial size of the widget, to which it will scale up or down based on your entry. Enter degrees to determine a widget’s rotation. The value for this parameter indicates opacity percentage: the first one shows the starting opacity, while the second displays the opacity of the widget after the animation stops. Drag a widget to the spot where it needs to be after the animation ends, position it with the keyboard arrows, or enter the value in pixels. Animation effectsĪfter you have selected one of the animation types, you will be presented with a list of possible effects.

If this happens to your project, please consider reducing the animation speed to 0,65x or lower. In Safari, the On scroll animations may appear less smooth compared to other browsers.

Hover scroll smart scroll