image - 如何在css3中旋转图像

Question

我想旋转一个图像，所以我说我们可以做那个宽度

.rotate {

-webkit-transform: rotate(-9deg);

-moz-transform: rotate(-9deg);

transform: rotate(-9deg);}

但是，这是如果你想根据 z 轴旋转它(水平是 x，vert.y，如果你明白我的意思，z 就会出现)

好的，我想在 x 或 y 轴上旋转它以赋予它 3d 效果。这在 css3 中可能吗？ 谢谢

Answer 1

你可以在使用CSS透视后做你想做的事。这是一个例子:http://jsfiddle.net/joshnh/QHxzA/

代码的重要部分是(不要忘记使用浏览器前缀):

img {
    transform: perspective(500px) rotateX(15deg);
}