What css transformations can be used to make such a block?

Question

css

There is such a block, tell me how to make it using css

Answer 1

In svg draw and stretch to full width.
Insert svg into html directly and not through img.
It will be the most cross-browser.

Answer 2

Try SVG background

Answer 3

how to make it with css

If SVG does not suit you for some reason, then there is an easy option in pure CSS.

Answer 4

https://codepen.io/topicstarter/pen/QQNpgr?editors=1100 so it's possible
and how I did it at the top and do it at the bottom ... as you can see the example is simple and will work in all versions of IE and Safari