2026, 새로운 도약을 시작합니다.

css 질문 채택완료

4년 전 조회 1,984

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

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

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

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

답변 2개

채택된 답변
+20 포인트

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

<div> <- overflow

  <img> <- transform

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

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

로그인
🐛 버그신고