Как создать подобную шапку?

Question

[Михаил]

Как реализовать подобную резиновую шапку?

Comments

[codingal]

А что по функционалу? белые области - это поля ввода?

[Михаил]

codingal: нет, отдельные менюшки

Answer 1

[Коля К]

habrahabr.ru/post/141658

Answer 2

[he he]

border-top-bottom-radius: ....

Comments

[Михаил]

Так срез будет полукругом

Answer 3

[seyin]

Как вариант, если прозрачность не нужна,
1) делаем голубой контейнер,
2) в нем делаем белые блоки,
3) делаем сверху голубые блоки, абсолютно позиционируем, искажаем свойством transform(skewX) и кладем поверх белых.