CSS を使用してこの特定の不規則な正方形を作成するにはどうすればよいですか?

CSS を使用して不規則な正方形を作成する

質問:

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 中国語 Web サイトの他の関連記事を参照してください。