Этот вопрос закрыт для ответов, так как повторяет вопрос Как в CSS создать подобный border?
@Stoble

Как сделать отрицательный радиус?

Как сверстать вот такой блок

610a9892be1c3262749654.png

Проблема : Отрицательный радиус

Пытался использовать этот код :
background:
        radial-gradient(circle at 0 100%, rgba(0,0,0,0) 35px, #BFE2FF 10px),
        radial-gradient(circle at 100% 100%, rgba(0,0,0,0) 35px, #BFE2FF 10px),
        radial-gradient(circle at 100% 0, rgba(0,0,0,0) 35px, #BFE2FF 10px),
        radial-gradient(circle at 0 0, rgba(0,0,0,0) 35px, #BFE2FF 10px);
 background-position: bottom left, bottom right, top right, top left;
 background-size: 50% 50%;
 background-repeat: no-repeat;


Но получилось не то, что нужно

610a9975e1c3d027372163.png

Этот код просто создает background c таким узором, а мне нужно,чтобы весь блок менял свою форму,потому что в оригинале по этой форме должен проходить border
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы