Bagaimana untuk Mencipta Bentuk Persegi Tidak Sekata Khusus Ini dengan CSS?

Mencipta Bentuk Segi Empat Tidak Sekata dengan CSS

Soalan:

Bagaimanakah untuk mencipta bentuk segi empat tidak sekata khusus ini dengan CSS?

Contoh imej:

Jawapan:

Kesan putaran dan perspektif boleh digunakan Untuk mencipta bentuk tidak sekata ini:

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

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Bentuk Persegi Tidak Sekata Khusus Ini dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!