Splide homepage example

[tno2007]

I really love the Splide example on the homepage, with the green blocks and the center block growing animation.

20211104083659.mp4

Do you perhaps have an example how to achieve that center block grow-in-size animation? I know it's using CSS animations, i'm just not sure where to put it.

Thanks!

[NaotoshiFujita]

It's very simple. Put another div into each slide, and change transfrom: scale property by the is-active class assigned to the current slide. The transform property is animated by the CSS transition, not the CSS animation.