Framer

図鑑

Top

トップ

Tag List

タグから探す

Articles

記事一覧

Profile

クリエイター紹介

Framer

図鑑

Framer

図鑑

TOP

Articles

スクロールに連動して円状に回転する

回転

アニメーション

画面スクロール

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

https://scroll-circle1.framer.website/

実装ポイント

■Point.01
　円形の画像を用意する　
　レスポンシブでサイズの変更が必要なら、Variantを用意する

■Point.02
　２つの画像をStackして、Rotateで円形に回転し配置する

■Point.03
　円形にした要素を1つのStackにまとめ、EffectsのScroll Transformで回転のアニメーションを設定する

記事一覧へ戻る

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Framer図鑑

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

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

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

Let's Go

Framer