【问题标题】:CSS background gradient faded wave colors [duplicate]CSS背景渐变褪色波浪颜色[重复]
【发布时间】:2021-10-28 18:48:08
【问题描述】:

这可能非常简单,但我对 CSS 效果不是很熟悉,但是否可以创建一个模仿底层图像渐变的背景?
背景垂直重复。

--- 我能得到的最接近的如下:

body {
  background: radial-gradient(ellipse at top right, #0D0934, transparent),
              radial-gradient(ellipse at top left, #3A0927, transparent),
              radial-gradient(ellipse at bottom left, #0D0934, transparent),
              radial-gradient(ellipse at bottom right, #3A0927, transparent);
}

附:这段代码中的可视化似乎有问题 sn-p

【问题讨论】:

  • min-height:100% 到 html 元素
  • 谢谢,但这不是我要求的,我问的是如何重现上面图像的渐变。我不知道为什么这个问题被关闭了。

标签: html css gradient radial-gradients


【解决方案1】:

body{ background: radial-gradient(red, blue); }

【讨论】:

  • 虽然此代码可能会回答问题,但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。
猜你喜欢
  • 2019-06-25
  • 1970-01-01
  • 1970-01-01
  • 2012-06-16
  • 1970-01-01
  • 1970-01-01
  • 2022-12-05
  • 1970-01-01
  • 2021-08-14
相关资源
最近更新 更多