渐变渐变?

Mob*_*dde 2 css webkit css3

好吧,我不知道这是否可能,我的代码出了什么问题......

那么,我尝试在渐变内制作线性渐变?

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

如果可能的话,请告诉我,如果我做错了什么,或者哪个浏览器可能出错.

Bol*_*ock 5

渐变是图像值,而不是颜色值.由于CSS3中的渐变仅使用色块,因此不能像那样嵌套它们.

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

从我看来,它看起来像一个多向渐变.在这种情况下,您要么想要使用分层背景(每层有一个渐变),要么使用实际图像.

  • 使用`background-image`而不是`background来应用渐变时,这种区别更加明显. (2认同)