image-set()기능은 사용자의 장치에 가장 적합한 이미지 해상도를 제공하여 브라우저가 장치 및 설정에 가장 적합한 이미지를 선택하는 이미지 옵션 세트 (각각 관련 해상도 선언 포함)를 제공합니다.
background-image: image-set( "cat.png" 1x,
"cat-2x.png" 2x,
"cat-print.png" 600dpi);
developer.mozilla.org/en-US/docs/Web/CSS/image-set
image-set()
The image-set() CSS function notation is a method of letting the browser pick the most appropriate CSS image from a given set, primarily for high pixel density screens.
developer.mozilla.org
'css' 카테고리의 다른 글
| flex input width auto (0) | 2020.11.09 |
|---|---|
| [css] min() / max() (0) | 2020.11.04 |
| css position : 반응형에서 absolute 초기화 (0) | 2020.10.07 |
| auto와 inherit의 차이 ? (0) | 2020.10.06 |
| css animation 마지막 상태 유지, 반복 횟수 (0) | 2020.09.29 |
댓글