
スクロールに連動して一定のセクション上でカードが円状に回転する
プレビューサイトで体験しよう!
実装ポイント
■Point.01
カードをコンポーネント化して、センター表示時とサイド表示時をVariantで用意
■Point.02
カードをコンポーネント化して、Rotateで枚数分回転して配置
■Point.03
各カードがセンターに来るVariantを用意する
■Point.04
回転の目印に透明のセクションを用意して、Scroll Sectionを設定する
■Point.05
コンポーネントにEffectsのScroll Variantを設定する
この実装はFramer Universityで公開されていますので、是非参考にご覧ください
柑橘もこちらから勉強しました
https://www.youtube.com/watch?v=zp14EJrJ0jc
Framer図鑑
サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。
Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます!
興味がわいたクリエイターさんは是非一度Framerを触ってみてください!
Let's Go
©Kankitsu Kou Framer Encyclopedia