Whats in this Video
- Add image carousel
- Use custom code to make center image large
- Manage responsive
Code
<style>
.img_slider .swiper-slide{
transition: .7s;
}
.img_slider .swiper {
overflow: visible !important;
}
/*For 5 Slides View*/
@media only screen and (min-width: 1025px) {
.img_slider .swiper-slide-next + .swiper-slide {
transform: scale(1.5);
z-index: 1;
opacity: 1;
}
}
/*For 3 Slides View*/
@media only screen and (max-width: 1024px) {
.img_slider .swiper-slide-next{
transform: scale(1.5);
z-index: 1;
opacity: 1;
}
}
</style>
