我试图在另一个线性梯度内创建一个线性梯度,有可能吗?下面的例子

background: linear-gradient(to right, #color1 50%, #color2 0%)

颜色1是
background: linear-gradient(#aa0507,#e0171e,#aa0507);

颜色2是
background: linear-gradient(#f4c05b,#fcd580,#f4c05b);

最终的结果应该是
html - 另一个线性渐变内的线性渐变-LMLPHP

最佳答案

您可以将这两个渐变合并到background: linear-gradient(to right, #f4c05b, #fcd580, #f4c05b 50%, #aa0507 50%, #e0171e, #aa0507)以获得效果-请注意,在这个答案中,左/右部分的渐变都是从左到右的。
请参见下面的演示:

body {
  background: linear-gradient(to right, #f4c05b, #fcd580, #f4c05b 50%, #aa0507 50%, #e0171e, #aa0507);
}

关于html - 另一个线性渐变内的线性渐变,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54554784/

10-10 01:28