CSS 多角度渐变

CSS Gradients with multiple angles

我需要创建一个从左到右的渐变,其中包含三种垂直颜色和一个角度渐变。为下面的糟糕形象道歉。黑线代表角度渐变(如果你能想象它逐渐变成黑色的话)。 我尝试了很多方法,但是,我似乎无法做到这一点。 我会在 CSS 中要求这个。如有任何帮助,我们将不胜感激,如需更多信息,请询问。

感谢您的宝贵时间。

罗德斯特。

类似这样,你可以根据需要调整数值:

background: linear-gradient(45deg, rgba(0, 0, 0, 255), rgba(0, 0, 0, 0), rgba(0, 0, 0, 255)) no-repeat border-box, linear-gradient(to right, #0ff 10%, #f00 50%, #0ff 90%) no-repeat border-box;

有两种渐变,一种是中间黑色透明,从右上到左下,第二种从左到右,青色,红色,青色。