Expand Hover Effect

Hello,

Im curious if there is code I can use, or a way to make a image expand and get larger when you hover over it?

Hi,

We can use CSS transform scale, if you share link to page where you use image, we can check easier

https://projektdyad.squarespace.com/general-guides

Pw TestMe1

I want each of the mount images to expand on hover

Any actions that can help @tuanphan 

Thanks 🙂

You can add this to Website > Website Tools (under Not Linked) > Custom CSS

.fe-64a86383ffdcaf06f427d284 .image-block:hover img {
    transform: scale(1.5);
    transition: all 0.3s;
}
img {
    transition: all 0.3s;
}
.fe-64a86383ffdcaf06f427d284 div {
    overflow: visible !important;
    width: 100% !important;
}

Hello! Thanks for this, 

So one issue, its only working on one page, not on all the pages, is there a way to fix this @tuanphan

With all page, use this

.image-block:hover img {
    transform: scale(1.5);
    transition: all 0.3s;
}
img {
    transition: all 0.3s;
}