如何使用HTML中的Touch旋转图像

时间:2012-06-04 12:56:13

标签: html image-rotation

是否有人知道如何使用HTML,CSS或JavaScript中的Touch旋转图像。我附上了图片以便于理解。请帮帮我。真的很感激任何建议。

http://i.stack.imgur.com/YE7WP.png

1 个答案:

答案 0 :(得分:3)

CSS3:

-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */

你可以看看w3school,并小心,因为所有浏览器都不支持轮换。

http://www.w3schools.com/css3/css3_2dtransforms.asp

编辑:

您链接的图片没有被旋转,他只是更改图像位置:

看一下本教程,

http://kyleschaeffer.com/best-practices/pure-css-image-hover/