CSS Transition: ease-in-out? Seems to contain Left/Top/Right, but not Bottom (hah)
https://codepen.io/Laing91/pen/gbaBadR?editors=1100
my html and class naming is all over teh place, which might be the reason why this isn't working, anyway.
i thought overflow:hidden on the image container, then transition on the image, and img:hover transform: scale(1.2) would've worked, but it seems to escape south.
2 Replies
You don’t have a dedicated container just for the images. Your article-img container also contains the h3 element hence why you can see the image scale at the bottom.
Ah.. that would make sense.. what's the best way to handle that then, div around the img? tried a span but that doesn't seem to contain anything
tested - div does work (I hate having so many divs)
Well.. it did, but it now just makes every image huge