swiper 반응형

.swiper-container {

width: 60%;

height: 100%;

}

.swiper-slide {

text-align: center;

font-size: 18px;

background: #fff;

/* Center slide text vertically */

display: -webkit-box;

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

-webkit-box-pack: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

-webkit-box-align: center;

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

}

.swiper-slide{}

.swiper-slide img:last-child{display:none;}

.swiper-slide:hover img:first-child{display:none;}

.swiper-slide:hover img:last-child{display:inline-block;}





  

    1