线性渐变导致镀铬条带

我面临着镀铬线性渐变的问题。这里是我的代码线性渐变导致镀铬条带

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

谢谢你:) –

线性渐变导致镀铬条带

回答

相关问题