用CSS3旋转背景图像

div /*some irrelevant css */
{
    BACkground:-webkit-linear-gradient(top,orange,orangered);
    BACkground:-moz-linear-gradient(top,orangered);
    float:left;padding:10px 20px;color:white;text-shadow:0 1px black;
    font-size:20px;font-family:sans-serif;border:1px orangered solid;
    border-radius:5px;cursor:pointer;
}

/* element to animate */
div::after               /* you will use for example "a::after" */
{
    content:' ►';        /* instead of content you could use a bgimage here */
    float:right;
    margin:0 0 0 10px;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
}

/* actual animation */
div:hover::after         /* you will use for example "a.SELEcted::after" */
{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

HTML：

<div>Test button</div>

在你的情况下,你将使用element.SELEcted类而不是

jsfiddle演示：http://jsfiddle.net/p8kkf/

希望这可以帮助