モーション一覧
「ふわっと」「固定」などの言葉で検索できます。カードが画面に入ると再生され、パソコンではマウスを乗せてリプレイもできます。
Fade Up
初級下から上に移動しながらふわっと表示される
Fade In
初級透明な状態から、その場でふわっと現れる
Fade Down
初級上から下へ移動しながらふわっと表示される
Fade Left
初級右から左へ移動しながらふわっと表示される
Fade Right
初級左から右へ移動しながらふわっと表示される
Slide In
初級不透明のまま横からスッと移動して登場する
Scale In
初級小さい状態からふわっと拡大しながら表示される
Zoom In
初級小さい状態から一気にズームインして登場する
Blur In
初級ぼやけた状態からピントが合うように表示される
Stagger
中級複数の要素が少しずつ時間差をつけて表示される
Bounce In
初級弾むようにオーバーシュートしながら登場する
Flip In
初級3D回転しながらカードがめくれるように登場する
Mask Reveal
中級帯状のマスクが動いて要素が徐々に現れる
Clip Reveal
中級四角い切り抜きが広がって要素が見えてくる
Wipe Reveal
中級左右の帯が中央から開いて要素が見えてくる
Text Reveal
Text Reveal
中級見出しがマスクの下からせり上がって現れる
Line Reveal
中級複数行のテキストが1行ずつ順番に現れる
Scroll Trigger
初級要素が画面内に入った瞬間、一度だけアニメーションが再生される
Scrub
上級スクロール量に比例してアニメーションの進行度が変化する
Pin
上級スクロールしている間、要素をその場に固定し続ける
Sticky Scroll
中級片側の要素を固定したまま反対側のコンテンツだけがスクロールする
Parallax
中級背景と前景が異なる速度でスクロールし奥行きを生む
Scale on Scroll
中級スクロールに合わせて要素が連続的に拡大・縮小していく
Horizontal Scroll
上級縦スクロールの操作をそのまま横方向のコンテンツ移動に変換する
Stacked Scroll
上級次のセクションが下から現れて前のセクションに重なっていく
Smooth Scroll
中級慣性を伴い、減速しながら滑らかにスクロールする
Scroll Progress
初級画面上部のバーがページの読み進み度に応じて伸びる
Scroll Snap
中級セクションごとにピタッと位置が揃って止まるスクロール
Velocity Skew
上級スクロール速度に応じてコンテンツが歪み、止まると戻る
Split Text
Split Text
中級文字がばらばらに分かれ、1文字ずつ浮かび上がって表示される
Typewriter
初級文字が1文字ずつタイプされるように表示される
Text Scramble
上級ランダムな文字が高速に切り替わり本文が確定する
Count Up
中級数字が0から目標値まで滑らかに増えていく
Animate
Text Wave
初級文字が1文字ずつ波打つように上下に揺れ続ける
Glitch Text
中級文字がノイズのように激しく乱れるグリッチ演出
Stay focused
Marker Highlight
初級蛍光ペンでなぞるように文字の背景が左から伸びる
Rolling Text
中級単語が縦にくるくる切り替わり続けるループ表示
Crossfade
初級2枚の画像が透明度を入れ替えながら、ゆっくり切り替わる
Image Zoom (Ken Burns)
初級画像がゆっくりと拡大し続け、静止画に動きと奥行きを与える
Scroll Zoom
中級スクロールの進み具合に連動して画像が拡大・縮小する
Mouse Parallax
上級マウスの動きに合わせて複数の画像レイヤーが逆方向にずれて動く
Hover Distortion
上級マウスを乗せると画像が液体のようにぐにゃっと歪む
Particle Background
中級細かい粒子がふわふわと画面内を漂い続ける背景演出
Hover Lift
初級マウスを乗せると要素がふわっと持ち上がる
Hover Scale
初級マウスを乗せると要素が少しだけ拡大する
Magnetic Button
上級カーソルに吸い寄せられるようにボタンが追従して動く
Tilt
上級マウスの位置に応じてカードが3D的に傾く
Shine
中級マウスを乗せると光の帯が斜めに走り抜ける
Underline Reveal
初級マウスを乗せるとテキスト下線が左から右へ伸びる
Cursor Follower
中級丸いリングがワンテンポ遅れてマウスに付いてくる
Image Trail
上級マウスの軌跡に沿って小さな画像が次々現れては消える
Click Ripple
初級クリックした地点から円形の波紋が広がって消える
Confetti
初級クリック時や目標達成時に、色とりどりの紙吹雪が舞い散る
Marquee
初級テキストや画像が途切れなく横に流れ続ける
Infinite Carousel
初級カードの列が途切れることなく横へ流れ続ける
Floating
初級要素がふわふわと上下に浮遊し続ける
Pulse
初級要素が心拍のように一定のリズムで拡大縮小を繰り返す
Spin
初級要素がその場でくるくると回転し続ける
Gradient Animation
初級背景のグラデーションがゆっくりと流れ続ける
SVG Line Draw
中級SVGの線がペンでなぞるように描かれていく
Motion Path
中級小さな図形がSVGパスに沿って滑らかに動く
Morph
中級四角い図形が丸みを帯びた形へなめらかに変化
Blob Morph
中級有機的なブロブ形状がゆらゆらと変化し続ける
Wave
初級SVGの波形が横に流れながら揺れ続ける
Lottie Animation
中級After Effectsで作ったベクターアニメをWeb上で再生する
Page Transition
上級ページ移動時に画面全体が切り替わる演出
Wipe Transition
中級単色パネルが画面を横切り、通過後にコンテンツが入れ替わる
Preloader
初級サイト初回表示時にロゴとバーが出るローディング演出
見つかりませんでした
別の言葉で試すか、フィルターを解除してみてください。
例:「ふわっと」「下から」「固定」「横に流れる」「1文字ずつ」
検索データを読み込めませんでした
通信状況を確認して、もう一度お試しください。