Moving Images

I Need Help
1

Hi
how can I make images fade and move slightly like this please?

Thanks

1 Like
2

That’s a Ken Burns effect. The card designer bric https://blochead.dev can do this, but not large like that. The swiper bric is probably the closest to what you are looking for https://www.weaverskingdom.com/brics/swiper/index.html. It is based on Swiper Js https://swiperjs.com and I know that can do the Ken Burns effect with some CSS javascript - How can I add the "Ken Burns Effect" to Swiper? - Stack Overflow

How you can combine all of this and make them fade slightly I am not sure in Blocs. It’s certainly a nice effect and I am pretty sure it would be possible with the right coding.

3

Cheers @Flashman I’ll look into it further.

Also if you scroll further down the page on https://www.dursun-limousine.ch there’s a hover on the cars, do you know if this is straightforward enough?

Thanks!

4

I’d have to experiment, but I would think that is possible with custom classes.

1 Like
5

Are there actually some custom classes for this or still to experiment…? Or another way to do it…

6

You would also need to code additional CSS. Transitions etc are not in the class manager at present. But it’s very doable.

You will see similar (although different) methods being used on the Blocs Builder website on the store page and offcanvas menu.

1 Like