ズーム表現はできないでしょうか

  • Resolved takasaka

    (@takasaka)


    3 years ago

    XO Sliderを使用させていただいております。

    下記のようにズームしながら次の画像に切り替わる機能のご予定は無いでしょうか。
    https://www.em-webcreate.com/sample02/

    すみませんが、よろしくお願いいたします。

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ishitaka

    (@ishitaka)

    こんにちは

    下記のような CSS でできると思います。

    例:

    @keyframes zoomOut {
  0% {
      transform: scale(1);
  }
  100% {
      transform: scale(1.3);
  }
}

.swiper-slide-active .slide-image,
.swiper-slide-duplicate-active .slide-image,
.swiper-slide-prev .slide-image {
    animation: zoomOut 10s linear 0s;
    animation-fill-mode: both;
}

    ※ アニメーション効果は「fade」を選択。

    Thread Starter takasaka

    (@takasaka)

    ishitaka (@ishitaka)さん、

    ご回答ありがとうございます。

    できました！＼(^o^)／

    感謝です。

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘ズーム表現はできないでしょうか’ is closed to new replies.