Comment créer cette forme carrée irrégulière spécifique avec CSS ?

Création de formes carrées irrégulières avec CSS

Question :

Comment créer cette forme carrée irrégulière spécifique avec CSS ?

Exemple d'image :

Réponse :

Les effets de rotation et de perspective peuvent être utilisé Pour créer cette forme irrégulière :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!