Maison > interface Web > tutoriel CSS > Comment créer cette forme carrée irrégulière spécifique avec CSS ?

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

Linda Hamilton
Libérer: 2024-11-02 04:39:30
original
833 Les gens l'ont consulté

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 :

How to Create This Specific Irregular Square Shape with CSS?

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>
Copier après la connexion
<code class="html"><div class="box">
</div></code>
Copier après la connexion

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal