A small effect. A different rhythm.
Find your
focus.
One slide in the spotlight. Everything else falls into place.
A flat focus effect for Swiper. Smaller neighbors, smooth transitions, and the gap you actually set.
Explore the effect
Swiper / 2D
01 / Make it yours
A little less. A lot better.
Live preview
Drag or use the arrows
Actual gap24.0 px
Your settings
Try the other direction.
The cards stay flat. Their scale changes; the space between their edges stays consistent.
02 / Bring it to your project
Small API.
Clear result.
Connect the module to Swiper and choose the focus effect. This example follows your settings above.
- scale
- The size of neighboring slides relative to the active one.
Keep the layout stable with an inner wrapper:.swiper-slide-transform
Your configuration