Как сделать такое главное меню? (Wordpress)

#css #wordpress #svg

Как можно сделать вот такую волнистую линию у главного меню?
    

Ответы

Ответ 1

Можно использовать изображение с куском волны и применить это изображение как фон
меню с повторением по координате-x;

background: url('волна.png') left top repeat-x;


в качестве изображения можно использовать svg, но тогда необходимо будет указать
    background-size.
Можно использовать svg pattern 


html,body{margin:0;padding:0;}
div{
  background: url('https://i.imgur.com/S1DAySp.jpg');
  background-size:cover;
  overflow:hidden;
}

svg{
  display:block;
}

  
  
контент
  
контент
  
контент
  
контент
  
контент