How to make a polygon like here?

Welcome! Again ask for advice :) Tell me how to make a block in the form of an irregular polygon (or whatever it is...): 59d4d154b0684546594833.png
Of course you can make just begrunden, but "feels my heart" not on Feng Shui is, what is your opinion, how would you impose such a thing. Thank you!
June 14th 19 at 20:02
4 answers
June 14th 19 at 20:04
SVG is the best tool for this purpose
June 14th 19 at 20:06
It is possible so
No, this is wrong. - Evie commented on June 14th 19 at 20:09
The method simulates the polygon, but does not create the actual shape. And therefore:
from the figures it is impossible to cast a shadow;
- it can be done cutting off the inner elements (white strip bottom);
she is not to ask the frame;
what do you normally do the background;
- it is very inconvenient to do the positioning;
- it is very inconvenient to modify and maintain.

In General, I would beat off hands for using those embellishments (stars, polygons) in real projects. The article talks about cool puzzles and is more for the development of a General Outlook! And not for industrial applications. - Evie commented on June 14th 19 at 20:12
, SVG help - Alene56 commented on June 14th 19 at 20:15
June 14th 19 at 20:08
Use transform: skew() for ::before element your container. This will allow you to avoid the transformation of nested elements.
Well, or SVG, but with transform code less.
June 14th 19 at 20:10

Find more questions by tags CSSHTMLLayout