html - 如何在 HTML 中使用 Touch 旋转图像

Question

有谁知道如何在 HTML、CSS 或 JavaScript 中使用 Touch 旋转图像。为了便于理解，我附上了图片。请帮助我。非常感谢任何建议。

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

Answer 1

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/