スタンダード
半透明に変化
初心者はここからスタート。シンプルすぎるためか最近あまり見かけない。
背景色が変化
定番その２。シンプルながら変化がわかりやすい。
背景色が変化 + 少し浮く
ボタンということがわかりやすい。操作感が楽しい。
ボーダーとテキストの色が変化 + 少し浮く
半透明にすると変化が弱くなる点に注意。
角丸ボタン + 少し浮く
<border-radius>を追加して柔らかい印象に。
正円ボタン + 少し浮く
テキストが長くなるとはみ出す可能性がある点に注意。
スライド
上からスライド
一段階リッチなデザインに。
下からスライド
「上から」と同様、Y軸で制御。
右からスライド
左右はX軸。懐かしのベクトル。
左からスライド
原理は「右から」と同じ。
上下からスライド
割と見かける。
左右からスライド
あまり見かけない。