背景镀铬图像

Question

我们喜欢在我们的响应式网站上获得背景，使镀铬的光泽效果。

真正的铬效果不可能与CSS。我想我需要一张图片而不是只有css代码。但我怎样才能在电脑屏幕+移动（响应）上获得正确的高度+宽度。我的尺寸（WxH）将包括在CSS中？

我们如何在不降级网站速度的情况下在css中做到这一点。 我们只找到不符合我们需求的图像。

在此先感谢。

Answer 1

您可以使用CSS3的渐变属性使用白色，灰色和黑色阴影制作镀铬色彩效果。

.yourclass{ 
    background: linear-gradient(angle, color1, color2); 
} 

这是下面的链接来了解更多关于此属性。

http://www.w3schools.com/css/css3_gradients.asp

Answer 2

你可以看到下面的例子： Example 1 Example 2

在展台变型，你需要使用linear-gradient财产。