CSS 변환 및 크기 조정 적용 시 이미지 품질 유지

CSS image-rendering 속성은 이미지 크기 조정 알고리즘을 설정하는 데 도움이 됩니다.

구문

CSS 이미지 렌더링 속성의 구문은 다음과 같습니다 -

선택기 { 이미지 렌더링:/*값*/}

예시

다음 예는 CSS 이미지 렌더링 속성을 보여줍니다.

  <스타일> img { 높이:200px; 너비:200px; } #one { 이미지 렌더링:매끄럽게 } #two { 이미지 렌더링:픽셀화 } #three { 이미지 렌더링:선명한 가장자리 }    html /html" /사전> 

 이것은 다음과 같은 출력을 제공합니다.
 

 
 
예시
 
  <스타일> img { 패딩:5%; 경계 반경:40%; 높이:20%; 너비:20%; } #one { 이미지 렌더링:픽셀화 } #two { 이미지 렌더링:매끄럽게 } #three { 이미지 렌더링:선명한 가장자리 }    
 

 이것은 다음과 같은 출력을 제공합니다.