CSSだけ画像をクルッと回転されるアニメーション。少し動きやアクセントを付けたい時などに使えそうです!
CSSで画像をクルっと
画像にマウスを乗せた時に、クルっと回転させるアニメーションをCSSだけでできます。ちょっとしたアクセントなんかに使えそうです。
1
HTMLはこちら
divのstyleで画像をしています。上記のコードの中の
1
で、表の画像を指定しています。
1
で、裏側の画像を指定しています。
1
CSSはこちらです。
参考
Create a CSS Flipping Animation
http://davidwalsh.name/css-flip