연습장:Sakura: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
128번째 줄: 128번째 줄:
         color: #FFF;
         color: #FFF;
}
}
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 { opacity: 0 }
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 {
#flora-img-1 , #hannara-img-1, #ana-img-1, #rhizome-img-1 { animation: exid 1.0s 0.2s both; }
        position: absolute;
@keyframes exid {
        opacity: 0;
    0% { opacity: 0; transform: translateY(30px);}
        top: 70%;
    100% { opacity: 1; transform: translateY(0);}
        left: 50%;
        transform: translate(-50%, -50%);
        transition: 500ms;
}
.swiper-slide-active #flora-img-1, .swiper-slide-active #hannara-img-1, .swiper-slide-active #ana-img-1, .swiper-slide-active #rhizome-img-1 {
        opacity: 1;
        top: 50%;
        transition: 500ms;
}
}


159번째 줄: 166번째 줄:
     // slidesPerView: 1,
     // slidesPerView: 1,
     //페이지와 페이지 사이의 간격
     //페이지와 페이지 사이의 간격
     spaceBetween: 30,
     // spaceBetween: 30,
     //드레그 기능 true 사용가능 false 사용불가
     //드레그 기능 true 사용가능 false 사용불가
     debugger: true,
     debugger: true,

2023년 2월 27일 (월) 01:25 판