* -transform：旋轉在Firefox的作​​品，但不是鍍鉻

Question

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); 
} 

懸停在<span class="rotate">將旋轉Firefox中的元素，但不是鉻。
演示：http://jsfiddle.net/BuHGQ/（將鼠標懸停在箭頭上）

什麼可以做，以便它可以在Chrome中工作？

Answer 1

試試這個：

.rotate { display: inline-block; } 

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