Huy Phan• 1,360
@huyphan2210
Posted
Hi, @Nostromito
I saw your question and might have an answer for why the overlay extends beyond the image after hovering:
- The hover effect is applied to the
.icon
element, not the image itself. The image fills the width of the.hover
parent element but does not cover the full height (the image is 260x260, while the.hover
element is 260x264). The.icon
element, however, fills both the width and height of the.hover
element. To resolve this, you need to ensure the image also fills the entire width and height of the .hover element.
Hope this helps!
Marked as helpful
0