Как вырезать овал по бокам блока

121
21 ноября 2019, 20:30

Есть такой дизайн

Как сделать по бокам такие овалы для меню сайта?

Имеется в виду этот овал

Answer 1

div{ 
    width:300px; 
    height:300px; 
    position:relative; 
    overflow:hidden; 
} 
div:before{ 
    content:''; 
    position:absolute; 
    left:70%; 
    width:100%; 
    height:100%; 
    border-radius:100%; 
    box-shadow: 0px 0px 0px 300px red; /*убрал белый цвет для большей наглядности*/ 
}
<div></div>

Answer 2

Дополню ответ от @Глеб Шапошников, а именно изменение поворота искривления:

div{ 
    width:300px; 
    height:150px; 
    position:relative; 
    overflow:hidden; 
} 
div:before{ 
    content:''; 
    position:absolute; 
    left:70%; 
    width:100%; 
    height:100%; 
    border-radius:20% 50% 50% 50% / 60% 40% 80% 60%; 
    box-shadow: 0px 0px 0px 300px #5fba7d; 
}
<div></div>

Играясь с процентами в border-radius можно менять "угол поворота" нашей кривульки.

READ ALSO
Где найти лицензию на jquery,ajax

Где найти лицензию на jquery,ajax

Можете подсказать где можно найти полный текст лицензии на jquery,ajax? искал в интернете ни нашёл

138
Вывод в pdf формате

Вывод в pdf формате

Имеется следующий код, формирующий pdf документ:

142
Библиотеки для нахождения производных C#

Библиотеки для нахождения производных C#

Подскажите Есть ли библиотеки для нахождения проиводных от функций ? или как можно реализовать по другом ?

123
C++ clr снять mini damp с запущенного C# кода

C++ clr снять mini damp с запущенного C# кода

Как идеологически правильно снять мини дамп с запущенного из C++ (clr hosting) C# кода при возникновении исключения?

110