css - 渐变中的渐变？

Question

好吧，我不知道这是否可行，只是我的代码有问题...

所以，我尝试在渐变内制作线性渐变？

背景:-webkit-linear-gradient(top, #9DB2F0 0%, #9DB2F0 40%, -webkit-linear-gradient(left, red 0%, yellow 100%) 40%)

如果可能的话，请告诉我我是否做错了什么，或者它可能在哪个浏览器中出现。

Answer 1

渐变是 image values , 不是 color values .由于 CSS3 中的渐变仅使用色标，因此您不能那样嵌套它们。

你会想要找到一个渐变或图像编辑器来帮助你想象最终的渐变是什么样子(因为我不知道你想要它是什么样子)，并且可能会生成相应的单适合您的线性渐变。

不过，据我所知，它看起来像一个多向渐变。在这种情况下，您要么想要使用 layered backgrounds (每层有一个渐变)，甚至是一张实际图像。