Animation Roundup in ATLAS Widgets

Parallax Scrolling Effect

This animation appears as users scroll down or across the page. The background images move at a slower pace than the content in the foreground. This creates an illusion of depth, making the website page feel more interactive and dimensional.

These three widgets offer the optional parallax scrolling effect:

• Feature Large C
• Feature Large F
• Hero Image Widget

Fade-In Effect

The animation fades elements from zero to full opacity during page scrolling. The subtle effect adds interest to the page and increases audience attention.

These three widgets offer the optional fade-in effect:

• Feature Large A Widget
• Feature Large B Widget
• Feature List Widget

The Feature Large A & B Widget animation is a fade-in effect to the photo, text and buttons as they fade in to full opacity during page scrolling.

The Feature List Item Widget is very useful when presenting a list of numerous discrete items. These items pop into view from left to right, top to bottom while scrolling. The action acts as a kind of counter and focuses attention on each list item at a time as the page moves.

How Can I Add the Animations?
Simply checking the “Enable Animation” checkbox at the bottom of the widget properties window will automatically turn on the animation. 

The animation effects work perfectly on all devices and does not effect loading time. No change in image preparation is required and all other properties work the same. The best way to appreciate this new animation property is to see it in action. Test the setting on any of these six existing widgets. It’s available right now.