Framer

図鑑

Top

トップ

Tag List

タグから探す

Articles

記事一覧

Profile

クリエイター紹介

Framer

図鑑

Framer

図鑑

TOP

Articles

ループエフェクトでつくるスクロールダウン・タッチ表示

ループ

アニメーション

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

https://loop-scrolldown1.framer.website/

実装ポイント

■Point.01
　動かしたい要素にEffectsのLoop Effectを設定する

■Point.02
　要素の動きに合わせてTypeをLoop(再生後、スタート地点に瞬時に戻る)か、
　Mirror(再生後、スタート地点に戻る逆再生アニメーションも発生する)を選ぶ

記事一覧へ戻る

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Tag List

タグから探す

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

追従

パララックス効果

カード

タイル

回転

ループ

アニメーション

アコーディオン

画面スクロール

ライトボックス

動画

カルーセル

切り替わる

フェード

モーダル

ギャラリー

背景

ヘッダー

セクション

Framer図鑑

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

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

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

Let's Go

Framer