---
title: prefers-reduced-motion
slug: Web/CSS/@media/prefers-reduced-motion
translation_of: Web/CSS/@media/prefers-reduced-motion
---
<p>Das <strong><code>prefers-reduced-motion</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">media feature</a> wird genutzt um zu erkennen ob der Nutzer angefragt hat, dass das System die Menge an nicht notwendiger Bewegung minimiert.</p>

<h2 id="User_preferences">User preferences</h2>

<ul>
 <li>Unter Windows 10: Einstellungen &gt; Erleichterte Bedienung &gt; Anzeige &gt; Animationen in Windows anzeigen</li>
 <li>In Firefox <code>about:config</code>: Füge eine Binär-Präferenz ("Number") namens <code>ui.prefersReducedMotion</code> hinzu und setze deren Wert auf <code>1</code>. Änderung an dieser Präferenz werden sofort übernommen.</li>
</ul>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>



<p>{{Compat("css.at-rules.media.prefers-reduced-motion")}}</p>

<h2 id="sect1"></h2>

<div>{{QuickLinksWithSubpages("/en-US/docs/Web/CSS/@media/")}}</div>