Задать вопрос
@PantyDev

Как сделать подобный шейп средствами css?

Всем привет, вопрос в следующем, как сделать такой вот шейп средствами CSS:
63d3b4fb38fff110149315.png
Вопрос именно в впадине которая сверху слева.
Дело в том, что если делать закругления псевдоклассами и/или другими внутренними блоками, то при просмотре в адаптиве происходит вот такое:
63d3b55bac387099363192.png
Т.е. есть просветы, пиксели срезаются.
Ну и к тому же, если честно, хотелось бы такой шейп вырисовать именно реальный. Т.е. чтобы там где белый уступ - это прозрачность, а не белый заполнитель. Может можно это как-то организовать с масками?
Но с маской она тоже будет искревлятся если этот блок начнет сужаться, а мне этого не нужно.
  • Вопрос задан
  • 142 просмотра
Подписаться 3 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Псевдоэлементы и радиальные градиенты
https://codepen.io/AnnaSummer/pen/KKQgaaN
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы