javascript - 旋转图像

Question

我想将网页上的图像以 90 度相隔的四个方向旋转。我希望这发生在客户端机器上。这可以使用 css 完成吗？或者我是否需要使用 JavaScript，我需要旋转背景图像，这是一种在页面上重复出现的图案。

Answer 1

@多田；你可以像 petah 说的那样使用 css3 旋转属性

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

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

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

更多信息请查看这些链接:

http://snook.ca/archives/html_and_css/css-text-rotation

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