Wie erstelle ich diese spezielle unregelmäßige quadratische Form mit CSS?

Unregelmäßige quadratische Formen mit CSS erstellen

Frage:

Wie erstelle ich diese spezielle unregelmäßige quadratische Form mit CSS?

Bildbeispiel:

Antwort:

Rotations- und Perspektiveffekte können sein verwendet, um diese unregelmäßige Form zu erstellen:

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

Das obige ist der detaillierte Inhalt vonWie erstelle ich diese spezielle unregelmäßige quadratische Form mit CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!