我正在尝试制作背景渐变。我的网站将宽度限制在 1024px
,所以我想要一个适合每个浏览器/屏幕分辨率的水平渐变,如下所示:
Black -- Lightgray(where the page starts) -- Lightgray(where the page ends) -- Black.
如果可能的话,我还想知道如何获取浏览器在处理站点后创建的变量,例如自动边距值,以设置 "lightgray color stop"
位置.这样就不会出现只有一种颜色和相对较小的页面变成大分辨率的屏幕浪费。另外,我仍然不知道如何将变量放入 CSS “value”
。
最佳答案
我完全不确定你的意思,但如果我要尝试那种效果,我会使用这样的工具构建渐变 css gradient generator .它使用百分比,因此色标不会受到像素值变化的影响……例如,无论如何,渐变总是可以在页面高度的 50% 处结束。
希望这能回答您的问题或为您指明正确的方向!
关于使用浏览器的后处理变量的具有颜色位置的 HTML CSS 渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27512828/