如何用 CSS 建立這個特定的不規則正方形？

Linda Hamilton

發布： 2024-11-02 04:39:30

原創

760 人瀏覽過

Creating Irregular Square Shapes with CSS

Question:

如何利用 CSS 創建此特定的不規則正方形形狀？

圖像範例：

How to Create This Specific Irregular Square Shape with CSS?

答案：

答案：

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

登入後複製

可以使用旋轉和透視效果來創造這個不規則形狀：

以上是如何用 CSS 建立這個特定的不規則正方形？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

上一篇：如何使用 Unicode 字元引用來表示 CSS 類別名稱中的百分比？下一篇：如何將連結置於 Twitter Bootstrap 導覽列中的中心？

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章