問題 くるくる回る星ください!マウスオーバーで! 答え 星は、文字、Webフォント、画像……、何らかの手段でご用意ください。 Bootstrapベースのページなら、以下のHTMLでBootstrapのアイコンが使えます。 <span class="glyphicon glyphicon-star"></span> マウスオーバー時に回転のアニメーションをするCSSの例は以下のようになります。 .mawaru-hoshi { transition: transform 500ms ease; } .mawaru-hoshi:hover { transform: rotate(180deg); } HTMLの方は、.mawaru-hoshi のクラスを付与すると、 <span class="glyphicon glyphicon-star mawaru-hoshi"></span> 回ります!
![【CSS3】くるくる回る星(マウスオーバーで) at softelメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e89abea67a0070199fa572e4de9682d8e8fd439/height=288;version=1;width=512/https%3A%2F%2Fwww.softel.co.jp%2Fblogs%2Ftech%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F06%2Fstar.png)