我想制作一个像这样的锁子甲:
我尝试过使用线性渐变,但似乎不起作用
background: linear-gradient(#0c0c0c, #222222)!important
我希望输出与 imgur 中显示的图像类似。线性渐变有用吗?
你可以这样做radial-gradient
我使用了不同的颜色,这样我们可以更好地看到结果:
body {
margin:0;
height:100vh;
background:
radial-gradient(50% 100%,#000 35%,transparent 50%) 0 0 /10px 10px,
radial-gradient(50% 100%,#000 35%,transparent 50%) 5px 5px/10px 10px,
yellow;
}
您可以轻松调整不同的值来控制大小:
body {
margin:0;
height:100vh;
background:
radial-gradient(50% 100%,#000 25%,transparent 50%) 0 0 /8px 8px,
radial-gradient(50% 100%,#000 25%,transparent 50%) 4px 4px/8px 8px,
yellow;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)