渐变内的CSS渐变
是否可以将渐变用作渐变中的一种颜色?
出于我的特定目的,我有一个从左到右的初始渐变:
linear-gradient(to right, red, darkgray);
但我希望深灰色部分实际上是从上到下的渐变:
linear-gradient(to bottom, darkgray, white);
我尝试了预期可以工作的代码:
linear-gradient(to right, red, linear-gradient(to bottom, darkgray, white));
但这似乎不起作用,我还没有看到任何人写过关于渐变中渐变的可能性的文章。
编辑:无法[css渐变是图像,不能用作其他渐变中的颜色],但@Hungerstar有一个很好的解决办法:在另一个渐变上分层透明的渐变。
解决方案
不,这是不可能的。
The syntax for a gradient is:
linear-gradient(
[ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )
---------------------------------/ ----------------------------/
Definition of the gradient line List of color stops
where <side-or-corner> = [left | right] || [top | bottom]
and <color-stop> = <color> [ <percentage> | <length> ]?
线性渐变不创建颜色,它创建图像。
相关文章