# Gjorde innstillingen for redusert bevegelse ærlig etter å ha funnet elleve selektorer som fortsatt animerte under den, fordi en universell transition‑none‑regel taper på spesifisitet mot enhver regel med en klasse.

august 2026

**Situasjon.** Nettstedet respekterte innstillingen for redusert bevegelse med én regel som slo av alle overganger. Den så fullstendig ut, linteren hadde ingenting å utsette på den, og med en emulert innstilling for redusert bevegelse animerte elleve selektorer fortsatt.

**Oppgave.** Innstillingen måtte respekteres i praksis, og årsaken til at den åpenbare regelen sviktet, måtte gjøres om til noe den neste personen ikke kan gjenta.

**Handling.** Årsaken er spesifisitet. En universell regel havner nederst i kaskaden og taper mot enhver regel som har en klasse, så en generell transition‑none blir slått av hver gjennomtenkte animasjon på siden — og det er hver animasjon det er verdt å slå av. Rettelsen var strukturell, ikke en lapp: alt som beveger seg, ligger nå i én sen del av stilarket, og en linter avviser en transform med overgang alle andre steder. Skillet regelen trekker, er bevisst og smalere enn det åpenbare: reduser bevegelse, ikke farge. En fargeovergang er ikke bevegelse, og å slå den av får grensesnitt til å føles ødelagte for folk som ikke ba om det, så en overgang som lister fargeegenskaper, består, og en overgang på bevegelse gjør det ikke. Bevegelse må også uttrykkes som en overgang og ikke som en keyframe‑animasjon, fordi den første er triviell å avbryte og den andre ikke er det. To beslektede feller kom ut av det samme arbeidet og er dokumentert med målinger: en pynt i menyen hadde dreid trettien grader av en dreining på seksti grader før den var halvveis synlig, og fordi formen er periodisk, ser en halv omdreining identisk ut for en tredjedel av kostnaden; og fem ulike egenskaper gjør hver for seg et element til inneholdende blokk for alt som er posisjonert relativt til visningsområdet, noe som i det stille hadde krympet et lukkelag til en brøkdel av skjermen.

**Resultat.** Innstillingen respekteres i praksis og ikke bare i intensjonen, og elleve aktive animasjoner som en generell regel så ut til å dekke, er faktisk dekket. Den generelle lærdommen er den som står øverst i det dokumentet: en regel som taper på spesifisitet, feiler i det stille, og hver rapport kaller det noe annet.

---

- Rolle: Designsystemingeniør
- Kategorier: [Frontend‑utvikling](https://engineer.company/nb/categories/frontend/), [Webutvikling](https://engineer.company/nb/categories/web-development/), [Testing og kvalitetssikring](https://engineer.company/nb/categories/testing/), [Designsystemer og brukergrensesnitt](https://engineer.company/nb/categories/design-systems/), [UX/UI‑design](https://engineer.company/nb/categories/ux-ui/)
- Tjenester: [Frontend‑utvikling](https://engineer.company/nb/services/frontend-development/), [Utvikling av nettsteder og CMS](https://engineer.company/nb/services/web-development/), [UI/UX‑design og designsystemer](https://engineer.company/nb/services/ui-ux-design/)

<https://engineer.company/nb/portfolio/made-reduced-motion-honest-135/>
