Enlarge image on hover with CSS?

Site URL: https://www.eddiefieg.com

Hi! I'm trying to figure out if there's a simple CSS code I can insert so any image (with a link) can enlarge/pop off the page a little bit on hover.

For example, on my homepage, I'd love to be able to see my project images pop up in size as the user hovers over them: www.eddiefieg.com

Thanks!

@eddiefieg, I dig the illustrations. Is this the kind of effect you're after?

Thanks, Ryan! Yup, that's exactly what I'm going for!

All the CSS I've found online hasn't done the trick...

@eddiefieg, add this to your custom CSS

 

.thumb-image:hover {
    transform: scale(1.1);
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.thumb-image {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

That worked! Thank you so much!

Hi Guys, Is it possible to do this with gallery sections? But for each individual image in a gallery section. Not like this. Thanks a mill.

Screen Recording 2020-08-18 at 10.58.50.mov

On 8/18/2020 at 4:59 PM, SteveBarrett said:

Hi Guys, Is it possible to do this with gallery sections? But for each individual image in a gallery section. Not like this. Thanks a mill.

Screen Recording 2020-08-18 at 10.58.50.mov 10.29 MB · 0 downloads

.gallery.gallery-section-wrapper img:hover {
    transform: scale(1.1);
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.gallery.gallery-section-wrapper img {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

Thank you very much tuanphan

Hi Guys, I added a page named "Book a Room", Is it also possible to do this on this section? For each image as well. Thank you so much! 

15 hours ago, neynsflrs said:

Hi Guys, I added a page named "Book a Room", Is it also possible to do this on this section? For each image as well. Thank you so much! 

Can you share link to this page?

8 hours ago, tuanphan said:

Can you share link to this page?

Hi Tuanphan, here's a screenshot for your reference. Is it also possible to make the photos on this page pop/enlarge on hover? Thank youuuuu!

14 hours ago, neynsflrs said:

Hi Tuanphan, here's a screenshot for your reference. Is it also possible to make the photos on this page pop/enlarge on hover? Thank youuuuu!

 

Possible. Can you share page url?