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;
有两种渐变,一种是中间黑色透明,从右上到左下,第二种从左到右,青色,红色,青色。
我需要创建一个从左到右的渐变,其中包含三种垂直颜色和一个角度渐变。为下面的糟糕形象道歉。黑线代表角度渐变(如果你能想象它逐渐变成黑色的话)。 我尝试了很多方法,但是,我似乎无法做到这一点。 我会在 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;
有两种渐变,一种是中间黑色透明,从右上到左下,第二种从左到右,青色,红色,青色。