html - HTML & CSS - 以角度显示图像

Question

我需要以如下所示的角度显示图像。是 CSS Transfer 的方式吗？

/* 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 */

我只需要为每个图像计算出正确的旋转度数吗？尺寸和定位很容易。

谢谢

Answer 1

是的，对于每个图像，您都需要对其进行旋转。但是您也可以使用没有背景的学位对其进行 Photoshop 处理并将其保存为 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)它，您就可以完全控制这些图片。