← Design & CSS
Design & CSS · körs lokalt

CSS-kontroll för reducerad rörelse

inspektera prefers-reduced-motion-regler och flagga rörelsedeklarationer utan en uttrycklig minskningsväg.

Klar. Dina arbetsdata finns kvar i den här webbläsaren.

Varför detta verktyg är användbart

Använd CSS-reducerad rörelse-kontroll när du behöver inspektera regler för prefers-reduced-motion och markera rörelsedeklarationer utan en uttrycklig väg för minskning. Resultatet är omedelbart och lätt att verifiera innan du återanvänder det.

Så fungerar det

Ange de värden som begärs av CSS Reduced Motion Checker. Webbläsaren validerar inmatningen, utför beräkningen lokalt och genererar ett resultat som kan kopieras med tydliga felmeddelanden.

Ett praktiskt exempel

Ett praktiskt användningssätt är att först köra CSS Reduced Motion Checker på ett litet exempel, bekräfta resultatet och sedan behandla hela värdet eller listan.

Validering

Beräkningen är deterministisk och förklarar valideringsfel istället för att tyst ändra ogiltig inmatning.

Gräns för sekretess

Inmatning och utmatning sker i den här fliken, medan kopiering och nedladdning sker via webbläsarens API:er utan serveruppladdning.

Resultatpass

Varje körning rapporterar sitt verktygsläge, tidsstämpel och in-/utdatastorlek så att omvandlade data kan granskas.