* -transform：rotate在Firefox中工作，但不是chrome [英] *-transform: rotate works in Firefox but not chrome

问题描述

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 = > 将在Firefox中旋转元素，而不是chrome。

演示： http://jsfiddle.net/BuHGQ/ （将鼠标悬停在箭头上

Hovering over a <span class="rotate"> will rotate the element in Firefox but not chrome.
Demo: http://jsfiddle.net/BuHGQ/ (hover over the arrow)

推荐答案

p>尝试此操作：

.rotate { display: inline-block; }

http ：//jsfiddle.net/y7nfD/1/

这篇关于* -transform：rotate在Firefox中工作，但不是chrome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！