如何在相反方向製作div歪斜？

它實際上是一個菜單欄的設計的一部分。原來的菜單欄

我已經盡了格但它看起來像

我的代碼是：

<div style="width: 75px; height: 200px; background:#32859d; transform:skewY(40deg); "> 
</div>

現在該怎麼辦？

來源

2016-02-27 Kallol Das

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

使用負角度skewY()並將transform-origin設置爲right top。

.skewed{ 
 
    height: 200px; 
 
    width: 100px; 
 
    background: teal; 
 
    transform-origin: right top; 
 
    transform: skewY(-30deg); 
 
}

<div class='skewed'></div>

來源

2016-02-27 08:39:42 Harry

如何在相反方向製作div歪斜？

回答

相關問題