Simple & Sweet On Scroll Animations Widget
A widget dedicated solely to on scroll animations. You can choose from up to 26 animations and set the position of when the element animates on scroll.
Before beginning, add the 'SSOSA - Add First' widget to the top of your Adobe Muse website. It can be placed on the Master Page as well.
Select the element to which you want to assign the animation, apply a graphic style to it via 'Graphic Styles' panel (Window > Graphic Style) within Adobe Muse.
From the library panel, drag the 'SSOSA Widget' and place onto your website. It can be placed off-canvas. Enter the graphic style name you just applied. Rest of the widget options are discussed below.
Choose from 26 different on scroll animations
With this widget, you can apply on scroll animation to any element - text, image, or shape on your Muse website. You can choose from 20 easing options. You can even set the animation duration and delay (in milliseconds).
Works across all devices
SSOSA Widget is fully responsive and works in Adaptive Design and Fluid-Width Design. However, if you don't want the animation to occur at a certain breakpoint, you can disable it in the 'Breakpoint' section within widget options.
Select at what
point in the browser the element will animate
In widget options, there is a drop-down - 'Anchor Placement'. This is what defines the position of animation and triggers the element to animate.
Another element to trigger the animation
You can have another element trigger the animation by selecting "Enable Element Trigger" and assigning the graphic style name from this option to an element. Once this element reaches the anchor placement the main element will animate.