要素を回転させる要素にクラスを指定して回転、逆回転させるサンプルです。アニメーションCSSCSS3animation[css3]infinite[css3]rotate[css3]keyframes[css3]CSS3では簡単に画像やオブジェクトを回転させることができます。アイキャッチにはなりますが、多用すると目が疲れるので使うところは考えましょう。単純にページを描画後に回転させておくサンプルです。CSSで要素と回転の記述を書きます。rotate(360deg);}}</style>今回はSVGを使って書いた矢印を回します。style="fill:#FFF"/></svg></div></div>次は逆回転です。違いはスタートを0からに360を変え、ゴールを0にするだけ。rotate(0deg);}}最後にjQueryと区に合わせて、クリックしたら回り出すサンプルです。JSはクリックしたらClassをつけ外しするシンプルなもの。<script>$(document).ready(function(){$(".demo_item").click(function(){$(this).toggleClass("spin_item3");});});</script>CSSとHTMLはほぼ同じです。rotate(360deg);}}</style>回転の命令が書かれたclassをつけ外ししています。