Framer

図鑑

Top

トップ

Tag List

タグから探す

Articles

記事一覧

Profile

クリエイター紹介

Framer

図鑑

Framer

図鑑

TOP

Articles

サムネイルをクリックでメイン画像がフェードで切り替わるメインビジュアル

切り替わる

フェード

ギャラリー

プレビューサイトで体験しよう！

https://fadeswitching2.framer.website/

実装ポイント

■Point.01
　画像とタブのコンポーネントをまとめてコンポーネント化
　画像の枚数分のVariantを用意する

■Point.02
　タブのコンポーネントはVariantで選択時・非選択時のデザインを用意する

■Point.03
　Interactionsで時間と遷移先を設定する

記事一覧へ戻る

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

気になるタグから実装を探しましょう！

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Framer図鑑

サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。

Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます！

興味がわいたクリエイターさんは是非一度Framerを触ってみてください！

Let's Go

Framer