How to make beveled edges of div?

Welcome. Who knows? Tell me?! How to make beveled edges have a div at the bottom? The picture shown by the blue arrows.
I would be very grateful for your help :0)
d9d8b3148f144ff796cc86d018d4f60a.JPG
July 9th 19 at 10:35
4 answers
July 9th 19 at 10:37
The correct way is to run it through the css clip-path/clip-polygon:
https://www.smashingmagazine.com/2015/05/creating-...
July 9th 19 at 10:39
This can be done using pseudo-elements and transformations.
Something like this: https://jsfiddle.net/IonDen/jyzmwkqy/
One of the spots highlighted in red, to make it clear what happened.
July 9th 19 at 10:41
You can use one of the pseudo-element and transparent boundaries, for example so
July 9th 19 at 10:43
And from just the background overlay in the form of these black triangles

Find more questions by tags HTMLCSS