스와이퍼 슬라이드 효과 질문입니다 고수님들..!!

스와이퍼 슬라이드 효과 질문입니다 고수님들..!!

QA

스와이퍼 슬라이드 효과 질문입니다 고수님들..!!

답변 2

본문

3673009239_1725511725.3551.png

 

이렇게 구현하고 싶은데 

 

3673009239_1725511751.0798.png

이렇게가 최선입니다 ㅠ 어딜 더 손대야 위에처럼 될 수 있을까요 ??ㅠㅠ

입체적인 걸 빼고 딱 저렇게 기울기? 만 있었으면 좋겠어요 

 

 

<script>
    var swiper = new Swiper(".main_con04_sw", {
        slidesPerView: 'auto',
        loop:true,
        loopAdditionalSlides : 1,
        spaceBetween: 75,
        centeredSlides: true,
        speed:1000,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        effect: "coverflow",
        grabCursor: true,
        coverflowEffect: {
            rotate: 45,
            stretch: 0,
            depth: 1,
            modifier: 1,
            slideShadows: true,
        },

    });
</script>

소스 코드입니다

이 질문에 댓글 쓰기 :

답변 2


var swiper = new Swiper(".main_con04_sw", {
       slidesPerView: 3,
        loop: true,
        centeredSlides: true,
        effect: "creative",
        creativeEffect: {
          perspective: false,
          limitProgress: 2, 
          prev: {
            rotate: [0, 0, -20],
            translate: ["-120%", "20%", 0],
          },
          next: {
            rotate: [0, 0, 20],
            translate: ["120%", "20%", 0],
          },
        },
    });
spaceBetween: 30,    // 슬라이드 사이 여백
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 301
© SIRSOFT
현재 페이지 제일 처음으로