gpt4 book ai didi

CSS 疯狂渐变

转载 作者:行者123 更新时间:2023-12-05 08:27:31 26 4
gpt4 key购买 nike

有一个客户提出了一个奇怪的要求,要求背景看起来像这样:

enter image description here

而是使用一种颜色的不同深浅来代替。除了性能问题,有没有办法只用 CSS 来做到这一点?据我所知,CSS 仅适用于线性和径向渐变,并且由于这实际上并不属于任何一类,所以我不确定还能做什么。

我最好避免使用图像,主要是出于性能原因

如果有人有任何想法,很想听听他们的意见!

最佳答案

body {
background: linear-gradient(to right, rgba(0,0,0,0), teal), linear-gradient(to right, rgba(255,0,100,.3), rgba(255,100,127,.2)), linear-gradient(to top right, yellow, rgba(0,0,0,0)), radial-gradient(closest-corner at 20% 80%, yellow, red);
background-attachment: fixed;
}

我试图仅使用 CSS 来尽可能接近它,但颜色肯定可以使用更多的活力。祝客户好运!

关于CSS 疯狂渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39360021/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com