Ⅰ．ボタンのホバー
１．頻出！！ボタンの透過
２．ボタンの色が反転
ボタン
３．ボタンが凹む
ボタン
４．ボタンが浮き上がって影
ボタン
５．X軸で回転
６．Y軸で回転
７．時計回りに回転
８．画像が拡大
Ⅱ．テキストのホバー
１．【頻出！！】文字色がふわっと変化
これが変化するところです
※0.3秒で薄くなる
２．文字色＋背景色がふわっと変化
これが変化するところです
※0.3秒で、文字が赤に背景が緑に
３．文字が拡大
これが変化するところです
※0.3秒で、文字が1.1倍に
４．文字が一瞬だけ、拡大
これが変化するところです
※0.3秒だけ、拡大
５．文字が傾く
これが変化するところです
※時計回りに５度傾く
６．文字が縦回転
これが変化するところです
※縦方向（X軸）に回転
７．３D
これが変化するところです
※span要素にdata属性を付与
８．背景色を左からスライド表示
９．背景色を下からスライド表示
これが変化するところです
10．２文字ずつ回転
これが
変化するところです
※文字の塊ごとに「span」で囲む
11．アンダーラインがふわっとフェードイン★
これが変化するところです
※疑似要素・opacityでアンダーラインを作成・非表示にしておく
12．アンダーラインが左から伸びる（下線）★
これが変化するところです
13．アンダーラインが左右から伸びる（上下線）
これが変化するところです
14．アンダーラインが中央から伸びる（下線）
これが変化するところです
15．アンダーラインが中央から伸びる（上下線）
これが変化するところです
※リンクには、とりあえず透過をつける
※a {transition: all 0.3s ease 0s;}
a:hover {opacity: 0.6;}