CSS で不規則な正方形を作成する
画像に示されている不規則な正方形を作成するには、回転とCSS で視点を変換します。この手法を使用すると、複雑な 3D モデリング ソフトウェアを使用せずに 3D のような効果を作成できます。
CSS コード:
<code class="css">.box { width: 150px; height: 120px; background: #f540a8; margin: 20px; transform: perspective(180px) rotateX(15deg) rotateY(20deg) rotateZ(-3deg); }</code>
HTML マークアップ:
<code class="html"><div class="box"> </div></code>
説明:
これらの変換を組み合わせることで、画像に見られるような目的の不規則な正方形を作成できます。
以上がCSS Transform を使用して不規則な正方形を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。