2016-09-21 125 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