# CSS Media Query 5 의 새 기능들

> Clean Markdown view of GeekNews topic #2017. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2017](https://news.hada.io/topic?id=2017)
- GeekNews Markdown: [https://news.hada.io/topic/2017.md](https://news.hada.io/topic/2017.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-05-05T11:16:18+09:00
- Updated: 2020-05-05T11:16:18+09:00
- Original source: [blog.logrocket.com](https://blog.logrocket.com/new-media-queries-you-need-to-know/)
- Points: 4
- Comments: 0

## Topic Body

- light-level : dim,washed,normal 화면 밝기에 따른 조정가능 (아직 브라우저 미지원)

- inverted-colors : 반전 (Safari만 지원)

- 개인화

ㅤ→ prefers-contrast : 접근성 대응

ㅤ→ prefers-reduced-motion : 애니메니션 최소화

ㅤ→ prefers-reduced-transparency : 투명화 감소

ㅤ→ prefers-reduced-data : 셀룰러/로밍 상태나 이미지 많은 사이트에서 데이터 전송 최소화

- 스크립트 가능한 Custom Media Query

ㅤ→ @custom-media 로 변수 선언하여 연결 가능

ㅤ→ 변수 선언 자체도 스크립트 가능하게 만들 예정

## Comments



_No public comments on this page._