線性漸變導致鍍鉻條帶

我面臨着鍍鉻線性漸變的問題。這裏是我的代碼線性漸變導致鍍鉻條帶

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>

在使用梯度鉻一些條紋發生的歷史。漸變在鉻上看起來不光滑。這是截圖相同。

請幫助。

來源

2017-09-27 vedankita kumbhar

梯度看起來完全光滑的我。你使用什麼版本的Chrome？你能捕捉到綁定的截圖嗎？ –

我已在上面添加圖片。我正在使用chrome 54.0.2840.59 –

你是什麼意思？輸出和截圖似乎很正常！可能是你的顯示有問題！（在另一臺pc /智能手機/顯示器中查看） –

您可以嘗試使用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>

來源

2017-09-29 08:34:23 kizoso

謝謝你:) –

線性漸變導致鍍鉻條帶

回答

相關問題