2016-09-21 122 views
0

我有這個形狀的問題,我們都準備好使用CSS邊框類來使這個形狀,請任何人可以使這個黑盒子形狀與Jquery中。這將非常有幫助。 我enter image description here黑色邊框div形狀

+0

「一個並不簡單地用jQuery使其」 – evolutionxbox

+0

我在這裏找到我的答案: - http://stackoverflow.com/questions/33504507/responsive-css-trapezoid-shape –

+0

然後標記這個問題作爲重複 – evolutionxbox

回答

1

您可以使用邊界創建形狀,然後只用transform: rotate

.shape { 
 
    width: 80px; 
 
    border-left: 25px solid transparent; 
 
    border-right: 25px solid transparent; 
 
    border-bottom: 80px solid black; 
 
    transform: rotate(90deg); 
 
    margin: 50px; 
 
}
<div class="shape"></div>

+1

噓,沒有足夠的jQuery! ;) – evolutionxbox