[react-swiper] css 클래스를 통한 커스터마이징 방법

 

// 스와이퍼 클래스
.swiper {
    width: 100%;
    height: 100%;
    padding: 16px 0;
}

// 슬라이드 클래스
.swiper-slide {
    transition: all 0.3s ease;
}

// 활성화(정면) 슬라이드 클래스
.swiper-slide-active {
    transform: scale(1) !important;
    z-index: 10;
}

// 이전,다음 슬라이드 클래스
    .swiper-slide-prev,
    .swiper-slide-next {
    transform: scale(0.9) !important;
    opacity: 0.7;
}