How can I make a div this form, in which direction to dig enter image description here

  • Dig in the direction of paint, photoshop, gimp - mJeevas

1 answer 1

Such blocks are alien to the web and should not be used.
But if you really need ...
You can use canvas , svg , prayers to the gods, but you can also use HTML+CSS with the help of transformation functions :

 div{ height: 50px; border-top: 1px solid black; border-bottom: 1px solid black; display: inline-block; } #f{ width: 50px; } #s{ width: 70px; transform: skewY(20deg); position: relative; top: 13px; } #t{ width: 150px; position: relative; top: 26px; } 
 <div id='f'></div><div id='s'></div><div id='t'></div>