自動表示モーダル
プレビューサイトで体験しよう！
実装ポイント
■Point.01
半透過の背景をコンポーネント化して、表示したい要素と閉じるボタンをAbsoluteで配置する
■Point.02
モーダルを閉じた後のVariantを用意、すべての要素のVisibleをNOにする
■Point.03
閉じるボタンにInteractionsでClickを設定、閉じたVariantに遷移させる
■Point.04
コンポーネントににAppearのアニメーションのフェードイン設定する
Framer図鑑
サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。
Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます！
興味がわいたクリエイターさんは是非一度Framerを触ってみてください！
Let's Go
©Kankitsu Kou Framer Encyclopedia