От картинок отказался по причине того, чтоб при изменении размера экрана стиль трансформировался, там всё почти в процентах, а с картинкой этого сложно добиться,
придётся лепить кучу картинок под разные разрешения.
А вставки из просто стилей, как здесь сделал, слева и справа, всё равно нужный изгиб не получается.
Например код левой вставки:
.hline1 {
display: inline;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: left;
width: 3%;
height: 34px;
position: relative;
margin: 14px 0 0;
border: none;
-webkit-border-radius: 0 48px 0 0 / 0 47px 0 0;
border-radius: 0 48px 0 0 / 0 47px 0 0;
background: rgb(255,255,255);
}
Как то с радиусами нужно решить. Вроде как можно отрицательные значения им задавать ?
Простым подбором на века засесть можно, а визуально в сервисах такого не наблюдал, чтоб можно было сделать.
Изменил: GodZiLLa (05.02.2018 / 14:24)