With little bit of CSS we can change the transition effect based on built in, default, horizontal slide.
alpine-3400788_1920.jpg , mountains-276995_1920.jpg , mount-fuji-2305606_1920.jpg , sunset-2021266_1920.jpg
/* lexybox-item *** */ .lexybox-item { transition: opacity 350ms linear, transform 350ms ease-in-out; } /* active slide */ .lexybox-item--active { transform: translateX(0) scale(0.7); opacity: 1; } /* previous slide */ .lexybox-item--prev { transform: translateX(35%) scale(0.5); opacity: 0.3; } /* next slide */ .lexybox-item--next { transform: translateX(-35%) scale(0.5); opacity: 0.3; }
Don't forget to include prefixes.