CSS 中的转换属性

【问题标题】：Transform Properies in CSSCSS 中的转换属性
【发布时间】：2012-10-27 17:47:24
【问题描述】：

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

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

它不适合我。我使用的是 Firefox 4。

有没有办法在 IE8 中执行变换和阴影效果。

【问题讨论】：

-moz-transform 对你有用吗？
关于CSS Transform的详细知识阅读这篇文章并运行Demo CSS Transform Property

标签： css css-transforms

【解决方案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.

【讨论】：