Set motion once for the whole site

Section animation and image motion are site-wide defaults in Appearance. When you change one, every existing section follows, and so does every section you add later. A single section can still use its own setting.

Entrance animation type and speed, site-wide
Image motion: scale, parallax, fade and blur
Per-section overrides when a section needs to differ

Start building

Cloths on a washing line blowing in the wind

Appearance

Images

Image entranceBlur in

Scroll effectParallax

Motion

Section animationBlur in

Animation speedSlow (0.8s)

Entrance, scroll and reduced motion

Beste has 2 kinds of animation, set in different places. Image motion respects each visitor's reduced-motion setting.

A 1-time animation that plays when an element first scrolls into view: fade, rise, slide, zoom in, zoom out or blur in. It plays once and stays in place, so scrolling back up does not replay it. Keep the strength light so the page stays easy to read.

hero-photograph.jpgHero media

EntranceBlur in

Scroll effectParallax

StrengthStrong

Scroll and entrance animation for each image

Any image or section background can animate as it moves through the viewport, and any image can play an entrance animation when it scrolls into view. Open an image in the editor, click Edit, and find the controls under Scroll Animation and Entrance Animation.

Scale, parallax, fade and blur while scrolling
Intensity: subtle, normal or strong
Entrance presets: fade, rise, slide, zoom in, zoom out and blur in
Reset or hold when the element leaves the screen
Image motion and section animation in the same panel
Leave any setting to the site-wide default

How the Visual Editor works

Motion you can keep light

Animation ships with the site, so there is nothing to install. You decide how much of it the site uses: a short entrance, a scroll effect on one photo, or none at all.

Light by default: Entrance animations are short and play once. Scroll effects run only on the images you choose.
Off with one switch, site-wide: Set the default to off in Appearance and every section follows, including new ones. You can still turn a single section back on.

What decides page speed