使用浏览器的后处理变量的具有颜色位置的 HTML CSS 渐变

标签 html css variables gradient

我正在尝试制作背景渐变。我的网站将宽度限制在 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/

相关文章:

html - 无法呈现 Google 字体

加载时显示 Jquery 日期时间选择器

windows - 如何仅为当前操作系统 session 设置变量

Javascript 不向函数传递值

java - 在 Eclipse 中调试 Java 代码时看不到变量

android - 在 Android 中解析 HTML

html - 响应元素比父宽度/包装宽度宽

html - 在背景色之上添加半透明灰色层

CSS 缩小和 bundle 在 calc 中将 0px 替换为 0,因此内容无法正确呈现

css - PhpStorm 或 PyCharm 元素中 CSS 和 LESS 外部库的最佳位置