这种轮播图效果怎么实现?
-
-
-
.swiper-container {
height: 100%;
width: 600px;
perspective: 1600px;
overflow: visible;
img {
width: 100%;
height: 720px;
border-radius: 20px;
}
}
.swiper-slide {
padding: 0 24px;
box-sizing: border-box;
text-align: center;
transition: transform 0.5s;
transform-origin: 50% 50%;
transform: scale(0.9);
&.swiper-slide-active {
transform: scale(1);
}
}