Html Firefox中使用旋转(无限旋转)的鼠标悬停bug
我面对这样的问题: 鼠标移到右边,这里的Html Firefox中使用旋转(无限旋转)的鼠标悬停bug,html,css,firefox,transform,transition,Html,Css,Firefox,Transform,Transition,我面对这样的问题: 鼠标移到右边,这里的一词就在那里,你会无休止地旋转(我使用Firefox) 如何解决这个问题 按钮{ 过渡:0.5s全部; 转化:无; } 按钮:悬停{ 变换:旋转(360度)比例(1.4); 保证金:5px; } sumbitttttttttttttttttt这里看起来您的按钮:悬停+边距正在通过0.5s以及转换进行转换。您只需要更具体地使用转换:transition:0.5s transform 按钮{ 转换:0.5s转换; 转化:无; } 按钮:悬停{ 变换:旋转(
一词就在那里,你会无休止地旋转(我使用Firefox)
如何解决这个问题
按钮{
过渡:0.5s全部;
转化:无;
}
按钮:悬停{
变换:旋转(360度)比例(1.4);
保证金:5px;
}
sumbitttttttttttttttttt这里代码>看起来您的按钮:悬停+边距
正在通过0.5s
以及转换进行转换。您只需要更具体地使用转换:transition:0.5s transform代码>
按钮{
转换:0.5s转换;
转化:无;
}
按钮:悬停{
变换:旋转(360度)比例(1.4);
保证金:5px;
}
sumbitttttttttttttttttt这里代码>我相信这是因为all
转换
只为转换设置它,我猜问题在这里就解决了-在Firefox中,可能是按钮的悬停
上的缩放
和边距
的组合导致了问题
按钮{
转换:0.5s转换;
转化:无;
}
按钮:悬停{
变换:旋转(360度)比例(1.4);
保证金:5px;
}
sumbitttttttttttttttttt这里代码>也许在FF中,在mouseenter上使用jQuery添加一个类(这是悬停css?哇,也许你是对的。)然而,这可能是错误。