prefers-reduced-motion

[Matthias Scharwies]

Servus!

FF tut es. Chrome nicht. Edge nicht. Opera auch nicht. Also - alle Chromia nicht. Wasn das?

Ich habe die @keyframes-Regel aus der Media Query entfernt und jetzt funzt's:

Hast Du es Dir in Chrome angeschaut? Mein Fiddle tut es bei mir nur im Fuchs, nicht in Chromia (für's Frickl gilt das Gleiche).

Oh, Mann! wie peinlich! Sorry! Ich nutze fast nur den Firefox und den Text vor 2 Tagen hatt' ich nicht mehr auf dem Schirm!

@media (prefers-reduced-motion: no-preference) {
	p {
		color: #FFF;
		background: no-repeat -5% / 10% 95% linear-gradient(91deg, #FF000020 0%, #FF0000E0 50%, #FF000020 100%), black;
		animation: 2s linear 0s infinite alternate wonky_cylon;
	}
	p {
		text-align: center;
	}
	p::after {
		content: " - the Imperious Leader will find you!";
	}
}

Ich habe jetzt das @media not (prefers-reduced-motion:reduce) {}durch @media (prefers-reduced-motion: no-preference) {}ersetzt und jetzt geht's im Edge und im Chrome.

Herzliche Grüße

Matthias Scharwies