動くWebデザイン
アイディア帳

背景が流れる（左から右）

背景が流れる（右から左）

背景が流れる（上から下）

背景が流れる（下から上）

背景が流れる（中央から横全体）

背景が流れる（中央から縦全体）

背景が流れる（中央から外）

背景が流れる（斜め）

くるっと回転（手前に回転）

くるっと回転（奥に回転）

クリックしたら波紋が広がる

無限に波紋が広がる

波紋がふわっと広がる

押し込まれる（円が縮小）

下に押し込まれる（立体が平面に）

右下に押し込まれる（立体が平面に）

左下に押し込まれる（立体が平面に）

影がついて浮き上がる

影が拡がって浮き上がる

上に移動し影がついて浮き上がる

線から塗に変化（上から下）

線から塗に変化（下から上）

線から塗に変化（左から右）

線から塗に変化（右から左）

線から塗に変化（中央から外）

左上と右下から枠線が伸びて塗に

左下⇒右下⇒右上⇒左上⇒左下に枠線が伸びて塗りに

左上と右下から枠線が伸びて塗りに

グラデーションが流れる

グラデーションが縮小する

グラデーションが拡大する

グラデーション線から塗に変化する

外の線が伸びる

少し出ていた線が伸びる

下線が伸びて背景に変わる

線の上を別の線が伸びる

矢印の線がループして伸縮

塗りから線に変わる

角丸に変わる

きらっと光る

丸がボタンに変形する

表示するテキストが切り替わる

矢印が右に移動

矢印が右に移動して現在地に戻る

矢印が回転

矢印が右に移動する

矢印が右に移動して背景がつく

矢印が縮む