渐变内的CSS渐变

本教程将介绍渐变内的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> ]?

线性渐变不创建颜色，它创建图像。

好了关于渐变内的CSS渐变的教程就到这里就结束了，希望趣模板源码网找到的这篇技术文章能帮助到大家，更多技术教程可以在站内搜索。