响应LESS / CSS线渐变背景

Question

因为我发现它创造了静态图像背景，例如下面的示例，响应并覆盖不同的分辨率和高度/宽度，我想使用CSS3颜色渐变来重现相同的背景并使其动态拉伸。

我会对如何使用CSS重新创建此类背景的工具/提示和技巧/等方面的任何输入进行评论。我已经查看了用于生成CSS规则的在线工具，例如http://www.css3factory.com/linear-gradients，但这些工具不会在两种颜色之间创建清晰的线条，例如在我的示例中。

Answer 1

尝试在彼此之上设置2个线性渐变，首先使用rgba()颜色，不透明度为几个百分点。（或hsla()） 第二个是100％不透明度。关于这样：

background:
    linear-gradient(
    130deg ,
    rgba(171, 17, 51, 1) 30%,
      rgba(255, 51, 102, 0.75)  
    ),
    linear-gradient(
    200deg ,
    #AB1133 50%,
      #FF3366 50%
    )
    ;

DEMO 根据您的需要调整