如何用 CSS 创建这个特定的不规则正方形？

Creating Irregular Square Shapes with CSS

Question:

如何利用 CSS 创建此特定的不规则正方形形状？

图像示例：

答案：

可以使用旋转和透视效果来创建这种不规则形状：

<code class="css">.box {
  width: 150px;
  height: 120px;
  background: #f540a8;
  margin: 20px;
  transform: perspective(180px) rotateX(15deg) rotateY(20deg) rotateZ(-3deg);
}</code>

<code class="html"><div class="box">
</div></code>

以上是如何用 CSS 创建这个特定的不规则正方形？的详细内容。更多信息请关注PHP中文网其他相关文章！