리액트 hello-react 예제 이미지 회전 안될 때 (애니메이션)

 

참고사이트

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

prefers-reduced-motion

 

회전 등 웹화면의 애니매이션을 생략없이 실행하는 옵션이다.

 

reduce를 사용하면 화면의 애니매이션이 생략된다.

 

no-preference 일 때

 

reduce 일 때

 

그런데 나의 경우 옵션이 반대로 적용되는 것이었다.

이유를 2시간동안 헤메며 찾아본 결과

 

위의 링크의 설명대로 윈도우 설정의 문제였다.

 

아래의 애니메이션이 [켬]상태가 기본인데 나는 자잘한 효과가 싫어서 끔 상태로 했더니 반대로 적용 된 것이었다.