ふわっと現れる。最も基本的な表示アニメーション。
横からスッと滑り込む。方向は上下左右自由。
小さい状態から拡大して現れる。ポップな印象。
カードがめくれるように回転して現れる。
マスクが開くように徐々に見えてくる。画像やセクション全体に効果的。
複数の要素がポンポンポンと順番に現れる。リストやグリッドに。
円形に広がりながら背景やセクションが現れる。
背景と手前の要素が異なる速度で動く。奥行き感が出る。
スクロールに合わせてカードや画像が固定され切り替わる。
縦にスクロールすると横にコンテンツが流れる。
ページの読み進め具合をバーで表示。
スクロールするとセクションごとにピタッと止まる。
スライダーで2つの画像や状態を比較できる。
文字が1文字ずつ順に現れる。見出しやキャッチコピーに。
タイピングしているように1文字ずつ表示される。
蛍光ペンで線を引くように文字がハイライトされる。
文字が上下や左右に分裂しながら現れる。
数字が0からカウントアップして止まる。実績数値などに。
文字色がグラデーションでゆっくり変化する。
マウスを乗せると少し浮き上がる。カードやボタンに。
マウスを乗せると少し大きくなる。画像やアイコンに。
クリックした場所から波紋が広がる。ボタンに高級感。
カーソルに引き寄せられるようにボタンが動く。
クリックで開閉する折りたたみ。FAQ や詳細情報に。
要素に触れると吹き出しで補足情報が出る。
テキストやロゴが横に流れ続ける。ブランド感の演出に。
要素がドクドクと脈打つ。通知や注目ポイントに。
読み込み中にくるくる回る。
読み込み前に光が流れるプレースホルダー。
ふわふわと浮いているような動き。装飾やアイコンに。
線が描かれていくように現れる。ロゴやイラストに。
ページ全体がふわっと切り替わる。最もナチュラル。
次のページが横から滑り込む。アプリっぽい遷移。
幕が上がるように次の画面が現れる。
要素が形を変えながら次の状態に遷移する。