ホバー時にアイコン回転
See the Pen
ホバー時にアイコン回転 by yuru-nana (@yuruburo-nana)
on CodePen.
※縦回転の場合は、「rotateY」を「rotateX」にする。
ホバー時にアイコン回転（画像切り替え）
See the Pen
Untitled by yuru-nana (@yuruburo-nana)
on CodePen.
回転後画像差し替え、隠しておいたコメントテキスト出現。
画像はimgではなく、aの背景画像として表示している。
何もしなくてもずっとアイコン回転
See the Pen
ずっと回転 by yuru-nana (@yuruburo-nana)
on CodePen.
hoverなどのアクション時以外で（何もしなくても）動くようにするにはkeyframeの指定が必要。
「.logo」セレクタの「animation:」というプロパティで、
①keyframeの名前（anime1）
②アニメーションの動き方（linear）
③アニメーションの時間（2s）
④繰り返しに関する指示（infiniteは無限に繰り返すという意味）
などの、基本的なアニメーションの設定を指定する。
（他にもアニメーションが始まるタイミングなど、色々なプロパティが設定できる）
keyframeでは、上で指定したアニメーション名「anime1」を入れて、フレームごとのCSSを指定をする。
0％・100％というのは、animationプロパティで「このアニメーションは全部で2秒（2s）」と設定しているので、この2秒の中の0％時点のCSSと、100％時点のCSSという意味。