background cover -> 12o% 를 할 때 transition
본문
backgorund cover로 있던 이미를 마우스 오버했을 때 120%로 확대시키려고 하는데
transition을 사용해서 0.4s 동안 일어나게 하려고합니다.
근데 cover를 쓰면 transition이 안먹더라구여..
그래서 100%를 하고 120%를 하면 트랜지션은 먹는데 100%이다보니 공간이 좀 남아서
공간도 남지 않고 hover 했을 때 120%로 확대대면서 트랜지션도 적용되게 하는 방법 없을까요?
답변 1
transform: scale(1.2) 하면 안먹히나요?
테스트해봤는데 잘되는거같은데
아 이게 틀안에 이미지만 커지는 걸 원하는데 그렇게 해버리면 이미지가 틀 밖으로 나오더라구요
해당 div에 overflow:hidden을 주시면 표시영역이 해당 부모창의 크기를 넘지 않습니다
부모 태그에 히든을 주니까 되네요
지난번엔 어떤 문제가 있어서 이 방법을 못사용했었는데?
오늘은 문제없이 사용합니다 감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.
