embla-carouselとframer-motionを組み合わせてスライドと説明文を連動させたインタラクティブなスライダーを作ってみよう
こんにちわ。nap5です。
embla-carouselとframer-motionを組み合わせてスライドと説明文を連動させたインタラクティブなスライダーを作ってみたので、紹介したいと思います。
以前の記事と関連です。
embla-carouselライブラリはこちらになります。
framer-motionライブラリはこちらになります。
デモサイトです。
デモコードです。
初回レンダリングの時にスキップ処理を入れている以外はスナップハンドリングだけになるので、前回と似たような挙動のカスタマイズぐらいでした。
最近では、MENTAをはじめてみました。MENTAを使って提供していることを紹介している記事は以下になります。
また、Twitterでモックアップ動画を公開しているので、こちらもよかったら、覗いてみてください。
最後に、Udemyでコースを公開しました。
良かったら覗いてみてください。
また、コースの内容紹介記事は以下になります。
簡単ですが、以上です。