CSS Tips!

CSSで画像をクルッと回転されるアニメーションを付ける

CSSだけ画像をクルッと回転されるアニメーション。少し動きやアクセントを付けたい時などに使えそうです!

CSSで画像をクルっと

画像にマウスを乗せた時に、クルっと回転させるアニメーションをCSSだけでできます。ちょっとしたアクセントなんかに使えそうです。

demo

1

HTMLはこちら

divのstyleで画像をしています。上記のコードの中の
1
で、表の画像を指定しています。

1
で、裏側の画像を指定しています。

1

CSSはこちらです。

demo

参考
Create a CSS Flipping Animation
http://davidwalsh.name/css-flip