ボタン
- 動きの役割
- ユーザーにアクションを起こさせる
- 動くきっかけ
- マウスオーバー
- 背景が流れる(左から右)
- 背景が流れる(右から左)
- 背景が流れる(上から下)
- 背景が流れる(下から上)
- 背景が流れる(中央から横全体)
- 背景が流れる(中央から縦全体)
- 背景が流れる(中央から外)
- 背景が流れる(斜め)
- くるっと回転(手前に回転)
- くるっと回転(奥に回転)
- クリックしたら波紋が広がる
- 無限に波紋が広がる
- 波紋がふわっと広がる
- 押し込まれる(円が縮小)
- 下に押し込まれる(立体が平面に)
- 右下に押し込まれる(立体が平面に)
- 左下に押し込まれる(立体が平面に)
- 影がついて浮き上がる
- 影が拡がって浮き上がる
- 上に移動し影がついて浮き上がる
- 線から塗りに変化(上から下)
- 線から塗りに変化(下から上)
- 線から塗りに変化(左から右)
- 線から塗りに変化(右から左)
- 線から塗りに変化(中央から外)
- 左上と右下から枠線が伸びて塗りに1
- 左下⇒右下⇒右上⇒左上⇒左下に枠線が伸びて塗りに
- 左上と右下から枠線が伸びて塗りに2
- グラデーションが流れる
- グラデーションが縮小する
- グラデーションが拡大する
- グラデーション線から塗りに変化する
- 外の線が伸びる
- 少し出ていた線が伸びる
- 下線が伸びて背景に変わる
- 線の上を別の線が伸びる
- 矢印の線がループして伸縮
- 塗りから線に変わる
- 角丸に変わる
- きらっと光る
- 丸がボタンに変形する
- 表示するテキストが切り替わる
- 矢印が右に移動
- 矢印が右に移動して現在地に戻る
- 矢印が回転
- 矢印が右に移動する
- 矢印が右に移動して背景がつく
- 矢印が縮む
「機能」に関わる
動き一覧
書籍情報
紙面だからこそできるまとめ方でコードを説明し、
全体を俯瞰して調べることが出来る構成になっています。
もちろん、パーツのサンプルコードもzipでまとめてダウンロードできます。
購入をしてくださった方には特典がありますので是非チェックしてみてください!