Press in hover for images

Hello

Is there any ok.plugin for images that only make the images slightly be pressed in / pop in ?. Why I ask is because there is a lot on the marked but cant find any that works with Site origin or sydney pro. In addition also to be able to control/adjust the pop in scale ect.
Or better is there a css style for it ?. My web site is www.becht.se.

Kind regards
Peter

Hello Peter,

I’m not sure about plugin, but I can try to help you with some additional CSS code if you describe what you want to achieve more precisely and provide some examples.

Kind Regards, Roman.

Hi Roman

It would be supper there is to versions i like

The first is when the image just move a bit on hover, like images on this site http://vandkunsten.com/
The second is when the image just move slightly in, pop in. like images on this site https://www.danskeark.dk/

If there is a soloution in css, I would be glad.

Kind regards
Peter

Hello Peter,

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

#primary img:hover {
  transform: scale(0.99);
}
#primary img {
  transition-duration: 0.5s;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman

It works super

Kind Regards Peter

Hello Roman

I just can see that al my pics then have the slightly movement on hover. Is there anyway to control that. For instance on a couple pics that I dont want to have the nice effect on…

Kind Regards
Peter

Hello Peter,

Can you please specify images that you want to affect?

Kind Regards, Roman.

Hello Roman

On my website www.becht.se _ the site TILGANG

http://www.becht.se/omos/

and the black white portrait photo.

Kind Regards

Peter

Hello Peter,

Thank you for the screenshot. You can try to add this CSS code as well:

#primary .so-widget-sow-image-default-02bb2c2c5c04 img {
    transform: unset;
}

Kind Regards, Roman.

Thank you again. It works super. How did you get the no.02bb2c2c5c04 ?

Kind Regards
Peter

You are welcome Peter!

I inspected that element with browser tools.

Kind Regards, Roman.