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。