zoom in on image

[CStegh]

Hi,

Have you ever been on a blog or website where you hover or click on an image and it expands? Is that possible in a hubspot blog? If so, how, please? Thank you!

[webdew]

Hi @CStegh ,

I have found a post on our community forum here, which offers advice on how to implement this. It looks like you might want to create modal images with CSS and Javascript, there is a helpful guide here that outlines the process!

Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regard.

[Oezcan · Accepted solution]

Thank you @TiphaineCuisset for mentioned.

Hello @CStegh ,

for hover you can try something like this:

img {
    transition:transform 0.25s ease;
}

img:hover {
    -webkit-transform:scale(1.5); /* or some other value */
    transform:scale(1.5);
}

and for klick you can try something like in this article from w3school.

Best regards,

Özcan

[OVincent3]

Hello Oezcan,

I already have a page ith a few photos toward the bottom. How do i add this CSS code to apply to these photos? I don't have access tp the HTML for the page so I don't see how to apply this CSS to specific photos in the page.

[DSylvester]

where do you add this code?!

[TiphaineCuisset]

Hi @CStegh 

Thank you for reaching out.

I want to tag some of our experts on this - @tjoyce @JonPayne @Oezcan do you have any thought for @CStegh on this? 

Thank you!

Best

Tiphaine