CSS Media Query 5 의 새 기능들
(blog.logrocket.com)- light-level : dim,washed,normal 화면 밝기에 따른 조정가능 (아직 브라우저 미지원)
- inverted-colors : 반전 (Safari만 지원)
- 개인화
ㅤ→ prefers-contrast : 접근성 대응
ㅤ→ prefers-reduced-motion : 애니메니션 최소화
ㅤ→ prefers-reduced-transparency : 투명화 감소
ㅤ→ prefers-reduced-data : 셀룰러/로밍 상태나 이미지 많은 사이트에서 데이터 전송 최소화
- 스크립트 가능한 Custom Media Query
ㅤ→ @custom-media 로 변수 선언하여 연결 가능
ㅤ→ 변수 선언 자체도 스크립트 가능하게 만들 예정