motion_photos_onMotion
IdleMotion
Slow decorative motion, one per area, stopped by prefers-reduced-motion.
Live preview
Reference specimen. Example copy comes from the Pelote specs and is in French.
LiveAnimations idle en direct
ExpressiveRéférence
Forme qui tourne en 44 s, point qui flotte en 6 s.
PlazaWii U / 3DS
La tuile sélectionnée respire en 3 s.
ChromeY2K
Online
Reflet fixe, halos qui dérivent, LED qui pulse.
LED qui pulse en 2,4 s, halos qui dérivent en 30 s.
UX / UIRègles illustrées
check_circleÀ faire
Le décor tourne lentement, le chiffre reste immobile.cancelÀ éviter
Le chiffre qui clignote : pénible et illisible.cancelÀ éviter
Plusieurs formes qui tournent vite au même endroit.infoReference specimen. Example copy comes from the Pelote specs and is in French.
Animations that run without user action. They bring the decor to life, never the information.
Rules
- Decor only: shapes, halos, LEDs, a floating dot. Never on text, a figure, a control or changing data.
- One idle animation per visible area. Slow and small: rotation at least 40 s, float 6 s over 6 to 8px, pulse at least 2 s.
- Paused off screen and when the tab is hidden, stopped by prefers-reduced-motion. No idle motion in a form or dialog.