Speed on zoom-in when mouseover image project thumbnails

[huertels]

Hi again,

I think it would be great to have an option to slow down the zoom in when mouseover on an image project thumbnail. Right now is very fast and can't be modified. Would be great to have a custom field with X milliseconds.

The reference is the same I shared for the video thumbnail thing:
https://abcdefghijklmn-pqrstuvwxyz.com/es/

Thanks!

[mariusjopen]

Hi @huertels
I will write that down for an option the coming updates.

Best!

Marius

[Demian]

Hey @mariusjopen, don't know if it counts, but "up-vote" ;)

Even pointing us towards where we can edit this manually would help.

[arminunruh]

Hey! Go to "Lay Options" -> "Custom CSS & HTML"

Then in "Custom CSS" enter:

.col img {
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 1500ms ease-out;
    transition: opacity 300ms ease-out, -webkit-transform 1500ms ease-out;
    -o-transition: transform 1500ms ease-out, opacity 300ms ease-out;
    transition: transform 1500ms ease-out, opacity 300ms ease-out;
    transition: transform 1500ms ease-out, opacity 300ms ease-out, -webkit-transform 1500ms ease-out;
}

and save.

The 1500 is what makes the animation go longer. If you want it even longer you can change it to 2000 as well!

[Demian]

Thanks @arminunruh, muchly appreciated. You two offer great support, makes a big difference to the theme as a whole.

[mariusjopen]

Dear @Demian
ah! Thank you! Very happy to hear that!

Best!

Marius