Fading images on hover

Hello everyone, hope you’re all keeping well.

I’ve set a class with normal, hover and active states. It’s the same image, just enlarged from 100% to 105% then 110%. It works fine, but it jumps.

Is there any way for the images to have a slight 0.25s fade into each other rather than the jumps?

Many thanks.

On the page settings, add this code to the header and replace to the proper class:

.your-class { 
transition: all 0.25s ease-in-out;
.your-class a { 
transition: all 0.25s ease-in-out;

Thanks very much @chicuelo, much appreciated.
I was trying something along those lines but couldn’t quite work out the ‘running order’ and pics were initially showing then disappearing.

I’ll hopefully be back on that tomorrow.

1 Like