CSS转换只在FF夜间工作(18.0a1)?
我创建了一个简单的CSS转换,将div旋转360度(disc菜单),但它似乎只在Firefox上每晚工作。我还尝试了Firefox15(发布版本)和Google Chrome。两者都只是将图像向左移动一点,并在覆盖文本周围显示一些图形瑕疵。这是与光盘相关的CSS(旋转图像实际上是一个空div,在real menu div中设置了大小):CSS转换只在FF夜间工作(18.0a1)?,css,rotation,css-transitions,css-transforms,Css,Rotation,Css Transitions,Css Transforms,我创建了一个简单的CSS转换,将div旋转360度(disc菜单),但它似乎只在Firefox上每晚工作。我还尝试了Firefox15(发布版本)和Google Chrome。两者都只是将图像向左移动一点,并在覆盖文本周围显示一些图形瑕疵。这是与光盘相关的CSS(旋转图像实际上是一个空div,在real menu div中设置了大小): 确保包含所有前缀。在FF16和Opera 12.5中。(-ms转换没有用处,因为IE9不支持它,而IE10是不固定的) 您也不需要在第二个样式声明中使用转换规则
确保包含所有前缀。在FF16和Opera 12.5中。(-ms转换没有用处,因为IE9不支持它,而IE10是不固定的)
您也不需要在第二个样式声明中使用转换规则,因为它与第一个样式声明相同。当前firefox中的转换是否不固定?如果否,则添加-moz转换。
#menuDisco {
transition: all 0.8s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
background: url("img/disco.png");
background-size: 100% 100%;
position: relative;
top: 0%; left: 0%;
width: 100%; height: 100%;
color: rgba(0,0,0,0);
}
#menu:hover #menuDisco {
transition: all 0.8s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;