[Tailwind CSS] Prefers-reduced-motion "motion-reduce" 테스트

Prefers-reduced-motion 테스트를 위한 OS 설정

OS : macOS Ventura 13

• 시스템 설정 > 손쉬운 사용 > 디스플레이 > 동작 줄이기 On
  

Tailwind CSS 클래스명

• motion-reduce:transition-none

<span className="nav-indicator mr-4 h-px w-8 bg-slate-600
	transition-all group-hover:w-16 group-hover:bg-slate-200 
    group-focus-visible:w-16 group-focus-visible:bg-slate-200 	
    motion-reduce:transition-none"
 ></span>
<span className="nav-text text-xs font-bold uppercase 
   tracking-widest text-slate-500
   group-hover:text-slate-200 
   group-focus-visible:text-slate-200"
>title</span>

동작 줄이기 Off

동작 줄이기 On