CSS Prefers reduced motion

PHOTO EMBED

Wed Dec 16 2020 23:45:56 GMT+0000 (UTC)

Saved by @DBZFYAM #css

.animated-content {
	animation: 3s linear 1s infinite alternate slidein; 
}

@media screen and (prefers-reduced-motion: reduce) {
	.animated-content {
		animation: fade 0.5s ease-in both;
	}
}
content_copyCOPY

https://dev.to/eevajonnapanula/you-make-my-head-spin-reducing-the-motion-on-web-328b