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)
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:
July 9th 19 at 10:39
This can be done using pseudo-elements and transformations.
Something like this:
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