HTML 和 CSS - 在 Angular 上显示图像

Question

我需要display images on angles like shown below . 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

是的，我完全同意@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) 即可让您完全控制图片。