直線勾配でクロムにバンディングが発生する

Question

クロムの直線勾配に問題があります。ここに私のコード

div{ 
 
    background: linear-gradient(20deg, rgb(213, 213, 55), rgb(158, 158, 33)); 
 
    background: -webkit-linear-gradient(20deg, rgb(213, 213, 55), rgb(158, 158, 33)); 
 
    background: -moz-linear-gradient(20deg, rgb(213, 213, 55), rgb(158, 158, 33)); 
 
    background: -o-linear-gradient(20deg, rgb(213, 213, 55), rgb(158, 158, 33)); 
 
    width:400px; 
 
    height:400px; 
 
}

<div> 
 
</div>

勾配にクロムにおけるいくつかのバンディングの破壊に対する使用中です。グラデーションはクロムで滑らかに見えません。ここに同じスクリーンショットがあります。

助けてください。

Answer 1

2つのレイヤーを使用できます。色から透明に、そしてお互いにそれらを重ね合わ：

div { 
 
    position: relative; 
 
    background: linear-gradient(20deg, rgb(213, 213, 55), transparent); 
 
    width: 400px; 
 
    height: 400px; 
 
} 
 

 
div:before { 
 
    content: ''; 
 
    position: absolute; 
 
    left: 0; 
 
    right: 0; 
 
    top: 0; 
 
    bottom: 0; 
 
    background: linear-gradient(20deg, transparent, rgb(158, 158, 33)); 
 
}

<div> 
 
</div>