多くの色を持つナビゲーションバーのフェードカラーブレンドはどのように達成しますか

Question

このタイプのカラーリングがどのように呼び出され、どのように達成できるかを探そうとしています（添付の画像 - ポリゴンナビゲーションバーを参照）。おそらくCSSまたはJavascriptが必要ですが、私はそれを検索する方法を知らない。誰かが私を助けることができますか？

多分あなたはbackground-blend-modeプロパティを使用する必要があり、次のコードを確認し、事前に

Answer 1

をありがとうございました。

.nav{ 
 
height: 50px; 
 
width: 100%; 
 
background-image: linear-gradient(to right, #0000FF, #FF0000); 
 
background-image: -o-linear-gradient(right, #0000FF, #FF0000); 
 
background-image: -moz-linear-gradient(right, #0000FF, #FF0000); 
 
background-image: -webkit-linear-gradient(left, #0000FF, #FF0000); 
 
background-blend-mode: multiply; 
 
} 
 

 
.nav ul li{ 
 
list-style-type: none; 
 
float: left; 
 
padding: 15px 20px; 
 
color: #FFFFFF; 
 
font-family: 'Arial'; 
 
}

<div class="nav"> 
 
    <ul> 
 
    <li>Menu 1</li> 
 
    <li>Menu 2</li> 
 
    <li>Menu 3</li> 
 
    <li>Menu 4</li> 
 
    <li>Menu 5</li> 
 
    </ul> 
 
</div