CSS 中的变换属性

发布于 2024-11-01 22:01:49 字数 186 浏览 0 评论 0原文

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

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

它对我不起作用。我正在使用 Firefox 4。

有什么方法可以执行IE8 中的变换和阴影效果。

原文

I want to rotate an image when i hover on it.I use the follwing code to rotate.Bui it doesn't works....

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

It doesn't works for me.I am using Firefox 4.

Is there any way to perform transform and shadow effects in IE8.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多情出卖 2024-11-08 22:01:49

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

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

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

对于 IE8 中的文本阴影，您可以使用阴影过滤器 (MSDN)。
另外，还有适用于 Internet Explorer 的 CSS 转换解决方法：
css砂纸。

You need to add a prefix for every rendering engine. For Firefox the prefix is -moz-.

To rotate an image in all supported browsers use:

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

For text shadows in IE8 you can use Shadow Filter (MSDN).
Plus there is CSS transforms workaround for Internet Explorer:
cssSandpaper.

回复收藏 0 原文

~没有更多了~