旋转图像 [英] Rotating an image

问题描述

我想在网页上以90度间隔的四个方向旋转图片。我更喜欢这种情况发生在客户端机器上。这可以使用css吗？或者我需要使用javascript，我需要旋转背景图片，在页面上重复的模式

I'd like to rotate an image on a webpage through four orientations at 90 degrees apart. I'd prefer this to happen on the client machines. Can this be done using css? Or will I need to use javascript, i need to rotate a background image, a pattern wich is repeated on the page

感谢您的时间。

推荐答案

@tada;你可以使用css3 rotate属性作为petah说

@tada; you can use css3 rotate property as petah said

div{
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}

&对于IE，您可以使用IE过滤器：

& for IE you can use IE filter:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

更多检查这些链接：

http://snook.ca/archives/html_and_css/css-文字旋转

http://css-tricks.com/snippets/css/text-rotation/

这篇关于旋转图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！