Как сделать волну в css?

Question

[Hannskod]

Как сделать такой градиент но чтоб он не заходил на кнопки?

<header id="header">
        

        <nav class="navbar navbar-inverse" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
                </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">Главная</a></li>
                        <li><a href="about-us.html">О нас</a></li>
                        <li><a href="services.html">
                        Наши услуги</a></li>
                        <li><a href="portfolio.html">Портфолио</a></li>
                        
                        <li><a href="blog.html">Блог</a></li> 
                        <li><a href="contact-us.html">Контакт</a></li>                        
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
		
    </header>

Comments

[Сергей Горячев]

Вообще нифига не понятно)

Answer 1

[sergey]

Не совсем понял что вам нужно сделать, выражайте свои вопросы более четко и понятно.
Но если речь идет об углах, волнах, масках в CSS то вам сюда сюда