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)
I would be very grateful for your help :0)
asked July 9th 19 at 10:35
4 answers
answered on 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-...
https://www.smashingmagazine.com/2015/05/creating-...
answered on 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.
Something like this: https://jsfiddle.net/IonDen/jyzmwkqy/
One of the spots highlighted in red, to make it clear what happened.
answered on July 9th 19 at 10:41
You can use one of the pseudo-element and transparent boundaries, for example so
answered on July 9th 19 at 10:43
And from just the background overlay in the form of these black triangles