css 질문

그누보드이해하기

4년 전 1,993

background 로 이미를 주고 size를 cover로 해놨는데

hover를 했을 때 첨부파일처럼 확대를 하고 싶은데

transform으로 하니까 밖에 상자를 튀어나오더라구요

상자안에서만 img를 확대시키는 방법 있을까요? 2049752253_1621923938.2786.png

그누보드5 css cover transform img

채택된 답변

+20 포인트

병원에서일해요

4년 전

이미지를 감싸고있는 태그에 overflow:hidden을 넣어보세요

<div> <- overflow

<img> <- transform

그누보드이해하기

4년 전

해당 상자 밖에 히든을 주니까 되네요 ㅎㅎ
이미지가 백그라운드로 설정되어있어서 그랬나봐요
감사합니다!!

Policia

4년 전

해당 상자에 overflow:hidden 속성을 적용해보세요

그누보드이해하기

4년 전

음.. 될 것 같았는데 안되네요 ㅜㅜ

답변을 작성하려면 로그인이 필요합니다.