使用CSS 創建不規則正方形
使用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中文網其他相關文章!