화면이 커질수록 이미지가 깨져서 속성을 추가하려고 보니 일일이 추가 하기가 막막해서 찾아본 결과
[class^="i-"]{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
속성참고
[CSS] image-rendering / 이미지를 선명하게
지원되는 브라우저 chrome, edge, Firefox, opera, safari, samsung internet, IE 이미지 크기를 조정하여 선명하게 보이도록 함 크기 조정되지 않는 이미지는 적용이 불가능 예시 class{ image-rendering: -moz-c..
min-ji07.tistory.com
이렇게 사용이 가능했다 굿,,!
더 알아보고 싶어서 검색하는데 검색에 안걸림 ..
..검색하는 법 아시는 분 알려주시면 감사하겠습니다
참고
https://www.w3schools.com/cssref/css_selectors.asp
CSS Selectors Reference
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'개발 > html & CSS' 카테고리의 다른 글
| [CSS / flex] order, align-self, flex-wrap, flex-flow, align-content (0) | 2022.05.06 |
|---|---|
| [CSS] image-rendering / 이미지를 선명하게 (0) | 2022.04.13 |
| [CSS] input label 꾸미기 / 테두리 구멍내기 (0) | 2022.02.25 |
| [CSS] 가상요소 ::before, ::after (+가상요소 줄바꿈)알아보기! (0) | 2022.02.18 |