Черная рамка div форма

Question

У меня проблема с этой формой, мы все готовы с использованием класса css border, чтобы сделать эту форму, пожалуйста, если кто-нибудь может сделать эту форму черного ящика с помощью JQuery. это будет очень полезно. меня

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