如何用两个不同的角度在两个方向上旋转图像？

Question

我有原始图像，我想以两个不同的角度在两个方向上进行旋转（如下所示）。

如果css转换可以简单地添加为rotateZ（90deg）和rotateY（180deg），我会得到我想要的。

div{
    transform: rotateZ(90deg) rotateY(180deg);
}

有没有办法实现这种转变？

FromRawToTarget

Answer 1

我认为你必须尝试使用​​css rotate和skew属性来获得两个方向的旋转。您可以使用转换功能在http://css3generator.com中进行测试。