javascript - 悬停图像时旋转 45 度

Question

当我将鼠标悬停在上面时，我试图将图像旋转 45 度(实际上我真的想让它来回摆动)。我尝试使用 CSS 进行变换旋转，但没有成功。有人有什么想法吗(也许是 jQuery，javascript)？

  a:hover{
            behavior:url(-ms-transform.htc);
            /* Firefox */
            -moz-transform:rotate(45deg);
            /* Safari and Chrome */
            -webkit-transform:rotate(45deg);
            /* Opera */
            -o-transform:rotate(45deg);
            /* IE9 */
            -ms-transform:rotate(45deg);
            /* IE6,IE7 */}

 <div id="main">
    <span class="box"><a href=""><img src="blog-icon.png"></img></a></span>
 </div>

Answer 1

您似乎将悬停设置为 anchor 而不是图像..

而不是

a:hover{

应该是

img:hover{

<强> Check Fiddle