我一直在F12的OpenAI网站及其首页上进行挖掘,并且对主要背景非常感兴趣。
图像源链接到网站首页上以模糊渐变形式显示的3x2像素图像。
我已经使用Chrome开发人员工具检查了所有关联的CSS,但找不到关于它们如何执行此操作的任何信息。我也在互联网上进行了搜索,这仅链接到使用CSS生成渐变。
如何拍摄这样的低分辨率图像并使其渐变?
背景样式如下:
background-image: url(/assets/images/home-gradient.gif?v=b0ac160331);
background-size: 100% 100%;
即。他们只是拉伸小图像以覆盖整个区域。