モーション一覧
「ふわっと」「固定」など曖昧な言葉でも検索できます。気になる動きはカードにマウスを乗せると再生されます。
Fade Up
かんたん下から上に移動しながらふわっと表示される
Fade In
かんたんその場でふわっと不透明になって表示される
Fade Down
かんたん上から下へ移動しながらふわっと表示される
Fade Left
かんたん右から左へ移動しながらふわっと表示される
Fade Right
かんたん左から右へ移動しながらふわっと表示される
Slide In
かんたん不透明のまま横からスッと移動して登場する
Scale In
かんたん小さい状態からふわっと拡大しながら表示される
Zoom In
かんたん小さい状態から一気にズームインして登場する
Blur In
かんたんぼやけた状態からピントが合うように表示される
Stagger
ふつう複数の要素が時間差で1つずつ順番に表示される
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文字ずつ」