HTMLのaタグにマウスを乗せたときの操作はa:hoverのCSSで記述できますが、アニメーションを作るのはちょっと面倒です。そういうときに便利なのがHover.css。 Hover.css - A collection of CSS3 powered hover effects GitHub:IanLunn/Hover アニメーションの種類が豊富 サイトを見てもらえれば分かりますが、「Push」や「Pop」、「Rotate」に「Wobble」などすごくたくさんのアニメーションを使うことができます。 使い方 まずはここからダウンロード。 cssフォルダのhover.cssもしくはhover-min.cssを取り出す。 HTMLファイルのheadタグに下記のようにhrefパスを調整します。 <link href="css/hover.css" rel="stylesheet" media="
![ボタンにマウスを乗せた時のアニメーションCSSが簡単に作れるHover.css - #人生戦略実行マニュアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/933e86040d8db44646a48a5aafa0ec9ec6b3eba6/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftkoyama1988%2F20141009%2F20141009015205.png)