prefer-reduced-motion
-
[CSS 방법론] 웹 사이트 적정 수정 수준에 따른 미디어 쿼리 (feat. prefers-reduced-motion)CSS 2020. 7. 26. 18:22
웹 개발을 하면서 적정 수정 수준이란 것이 있습니다. 웹에서 사람들을 위해 일을 해결하는 일을 할 기회가 있습니다. 이러한 수정의 범위가 얼마나 다른지에 대해 매우 흥미롭습니다. 사용자를 위한 미디어쿼리들이 많이 제공되고 있습니다. 그 중 하나는 prefers-reduced-motion라는 미디어쿼리 속성일 것입니다. 이 미디어 쿼리는 웹에서 사람들의 경험을 개선하기 위해 독점적으로 사용됩니다. 모션 감소를 명시적으로 요청한 사용자의 모션을 감소시키는 코드를 작성할 수 있습니다. @media (prefers-reduced-motion: reduce), (update: slow) { *, ::before, ::after { animation-delay: -1ms !important; animation-du..