HTML＆amp; CSS - 在角度上显示图像

Question

我需要display images on angles like shown below。 CSS转移是这样做的吗？

/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */

我是否只需要为每张图像计算出正确的旋转角度？ 尺寸和尺寸定位很简单。

THX

Answer 1

是的，对于每个图像，您需要为其旋转。但你也可以在没有背景的情况下将它与它一起拍照并将其保存为png。那样你就不必给它一个轮换。

Answer 2

是的我完全同意@Cody Guldner选项。您只需将所有图像放在列表中即

<ul>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
</ul>

对于每张图片，您可以设置自己使用过的css，只需添加nth-of-type(1)即可完全控制图片。