CSS Image not scaling on hover
问题 I've made a responsive image grid and am trying to add a hover effect to it so that the image gets a dark overlay and some text fades in on it. However, I've been having a tough time implementing it. Here's my HTML structure. <div class="tile"> <img src="some_image" class="animate"> <div class="overlay"> <p>Mahatma Gandhi</p> </div> And here's my CSS .gallery .row .tile:hover ~ .tile img { transform: scale(1.2); } However upon hovering over the image, it does not have the expected behaviour.