gpt4 book ai didi

javascript - 如何将低分辨率图像转换为 CSS 中的背景渐变?

转载 作者:行者123 更新时间:2023-11-28 13:55:18 41 4
gpt4 key购买 nike

我一直在 F12 中浏览 OpenAI 网站及其首页,我对主要背景非常感兴趣。

图像源链接到以模糊渐变形式出现在网站首页上的 3x2 像素图像。

我已经使用 Chrome 开发者工具检查了所有相关的 CSS,但我找不到任何关于他们如何做到这一点的信息。我也在整个互联网上搜索过,它只链接到使用 CSS 生成渐变。

如何将这样的低分辨率图像制作成渐变色?

picture of website

最佳答案

背景的样式是这样的:

background-image: url(/assets/images/home-gradient.gif?v=b0ac160331);
background-size: 100% 100%;

即。他们只是拉伸(stretch)那个小图像以覆盖整个区域。

关于javascript - 如何将低分辨率图像转换为 CSS 中的背景渐变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58699984/

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