CSS의 object-fit 속성으로 이미지를 왜곡없이 보여주기
www.daleseo.com
CSS의 object-fit 속성으로 이미지를 왜곡없이 보여주기
예전에는 웹에서 너비와 높이가 제한된 상황에서 이미지를 효과적으로 보여주는 것이 쉽지가 않았는데요. 그래서 이미지의 왜곡을 피하기 위해서 어쩔 수 없이 대신 배경 이미지를 사용해서 처리해야 하는 경우가 많았습니다.
하지만 다행이도 최근 몇 년 동안 CSS에서 이미지 요소를 다루는 방식이 상당히 개선되었습니다. 이번 포스팅에서는 이미지를 보여주는 방식을 결정하는 CSS의 `object-fit` 속성에 대해서 다양한 예제를 통해 최대한 쉽게 설명해보겠습니다.
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2023년 5월 20일 오후 2:50
댓글 0
함께 읽은 게시물
Vibe Coding 매뉴얼
읽
... 더 보기
이력서는 붙는데 면접에서 계속 떨어진다면?
이
... 더 보기좋은 개발자는 환경이 만든다
누
... 더 보기PM을 위한 상황별 프롬프트가 잘 정리되어 있는 곳!
