1

CSS 如下所示：

.rotate
{
    -webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out; 
    -ms-transition: all .5s ease-in-out;
}
.rotate:hover
{
    -webkit-transform: rotate(90deg) scale(1); 
    -moz-transform: rotate(90deg) scale(1); 
    -o-transform: rotate(90deg) scale(1); 
    -ms-transform: rotate(90deg) scale(1); 
}

将鼠标悬停在 a<span class="rotate">将旋转 Firefox 中的元素，但不会旋转 chrome。
演示： http: //jsfiddle.net/BuHGQ/（悬停在箭头上）

可以做些什么让它在 Chrome 中工作？

4

1 回答 1

7

试试这个：

.rotate { display: inline-block; }

http://jsfiddle.net/y7nfD/1/

于 2012-05-17T22:14:07.837 回答