Element UI is best viewed on desktop
A focused testimonial carousel that highlights the active slide while fading out neighbouring slides. Features smooth transitions, navigation arrows, dot indicators, and highlighted key phrases. Fade effect with simple CSS and easy to customise.
Custom css
The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.
/* All slides start faded */
.swiper-slide {
opacity: 0.5 !important;
transition: opacity 0.3s ease-in-out;
}
/* Active slide styling */
.swiper-wrapper .swiper-slide-active {
opacity: 1 !important;
}