是否可以使用渐变作为渐变内的颜色之一?
出于我的特定目的,我有一个从左到右的初始渐变:
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在下面有一个很好的解决方法:将具有透明度的渐变叠加在另一个渐变上。
渐变内部的渐变是不可能的。
话虽如此,看看这个。由于渐变是分层的,因此您必须使用以下命令为颜色设置一些透明度rgba()
允许后面的渐变通过上面的渐变显示。
也许是这样的?
body {
margin: 0;
height: 100vh;
background:
linear-gradient( to right, rgba(255, 0, 0, 0.5), rgba( 169, 169, 169, 0.5 ) ),
linear-gradient( to bottom, darkgray, white );
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)