Image FXcssimagelab.com
Motion · 47 / 56

Slow Breath

The photo inhales and exhales with a barely-there scale-and-brightness pulse, reading as alive rather than moving.

Image
Green natural landscape

Runs continuously — adjust the sliders and watch.

Adjust
1.02
1.03
6000ms
Metadata
interaction
Always on
browser
Universal
reduced motion
included
touch fallback
Identical on touch
Edit the CSS above — the preview updates live.

About Slow Breath

Slow Breath gives a still photo a gentle, symmetric pulse — a tiny scale-up and brightness lift at the midpoint of a slow loop, so it reads as 'alive' rather than panning. It differs from Ken Burns, which is a long directional zoom-and-pan; this is centered and non-directional. Keep the amplitude small: --ifx-breath-scale under ~1.03 and --ifx-breath-bright under ~1.05, or it starts to read as jitter. Tune --ifx-breath-dur (4000-10000ms) for the breathing pace. The motion is decorative and identical on touch; the global reduced-motion block holds it still for users who prefer reduced motion.

Use cases

  • hero
  • portfolio
  • editorial
  • gallery

Browser support

Universal.

Accessibility

  • Essential content is never hidden behind hover.
  • Includes a prefers-reduced-motion fallback.
  • Touch fallback: identical on touch.