width: 100%에서 전환하면 전환이 점프하는 이유는 무엇입니까?
이 문제를 재현하기 위해 JSFiddle을 만들었습니다.
마우스를 올리면 그리드 요소가 커지도록 하려고 하는데, 다른 그리드 요소 아래로 이동한 다음 예상대로 점프하는 이상한 문제가 발생합니다.
왜 이런 일이 발생하나요? 해결 방법이 있나요?
으아악 으아악
이 문제를 재현하기 위해 JSFiddle을 만들었습니다.
마우스를 올리면 그리드 요소가 커지도록 하려고 하는데, 다른 그리드 요소 아래로 이동한 다음 예상대로 점프하는 이상한 문제가 발생합니다.
왜 이런 일이 발생하나요? 해결 방법이 있나요?
으아악 으아악
P粉6137352892023-09-14 13:20:25
저는 이 효과에 대한 자세한 기사를 작성했으며 CSS 그리드를 사용하여 이 효과를 얻는 방법을 알아보려면 이 기사를 읽어보시기 바랍니다: https://css-tricks.com/zooming-images-in-a-grid -layout/