css - 在 CSS 中转换属性

Question

当我将鼠标悬停在图像上时，我想旋转它。我使用以下代码进行旋转。但它不起作用....

#header #scn:hover{transform:rotate(45deg)};

它对我不起作用。我使用的是 Firefox 4。

有没有办法在IE8中实现变换和阴影效果。

Answer 1

您需要为每个渲染引擎添加一个前缀。对于 Firefox，前缀是 -moz-。

要在所有支持的浏览器中旋转图像，请使用:

-moz-transform: rotate(45deg); 
-o-transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg);

对于 IE8 中的文本阴影，您可以使用 Shadow Filter (MSDN) .另外还有 Internet Explorer 的 CSS 转换解决方法: cssSandpaper .