Всем привет, вопрос в следующем, как сделать такой вот шейп средствами CSS:
![63d3b4fb38fff110149315.png](https://habrastorage.org/webt/63/d3/b4/63d3b4fb38fff110149315.png)
Вопрос именно в впадине которая сверху слева.
Дело в том, что если делать закругления псевдоклассами и/или другими внутренними блоками, то при просмотре в адаптиве происходит вот такое:
![63d3b55bac387099363192.png](https://habrastorage.org/webt/63/d3/b5/63d3b55bac387099363192.png)
Т.е. есть просветы, пиксели срезаются.
Ну и к тому же, если честно, хотелось бы такой шейп вырисовать именно реальный. Т.е. чтобы там где белый уступ - это прозрачность, а не белый заполнитель. Может можно это как-то организовать с масками?
Но с маской она тоже будет искревлятся если этот блок начнет сужаться, а мне этого не нужно.