CSSだけでスライダーを作る方法!scroll-snapを使って、縦にも横にもスライドできるスライダーを作っていきましょう!

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
この動画では、以下のCSSプロパティを使った、スライダーの作成方法をお伝えしていきます。
・scroll-snap-type
・scroll-snap-align
スクロール位置の制御を可能にするプロパティで、主にカルーセルやスライドショー、スクロールによるページングなどのUIを実装する際に活用できるので、是非覚えていきましょう!

CSSアニメーションについて学びたい方はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPzrVJRYgES95wMSbJKpNWP6/

関連する動画リスト

もっとみる