露米諾斯 Lumynous
KPCKevin Powell - Community
•Created by 露米諾斯 Lumynous on 9/14/2024 in #front-end
Prevent image from resizing while transitioning
I have several columns that expand to the whole row of them on click, each column contains an image, and the images keep the same size after expanding, so it would look like the clicked image moves horizontally and the other images disappear.
The problem is, because of
max-width: 100% on images that prevents overflow, the images will resize while transitioning since the column width will change. As a result, the height will change and make the layout shift.
Is it possible to "lock" the width of the images while transitioning instead of letting it refers to the temporary column width?4 replies