css 如何使用全页渐变?

soat7uwm  于 2023-11-19  发布在  其他
关注(0)|答案(2)|浏览(111)

我对网络技术非常陌生,我只是想完成一个全页面渐变的设计。颜色值是rgba(8,32,62,50%) and rgba(85,124,147,50%)。我只是无法确定从Figma设计的Angular 。这里是这个颜色组合在页面中的实际实现。
我在下面分享一个截图。


的数据
这就是我一直在做的。

body {
  background: linear-gradient(rgba(8, 32, 62), rgba(85, 124, 147, 50%));
}

个字符

wr98u20j

wr98u20j1#

请相应地调整梯度值:

body {
  background: linear-gradient(to right bottom, rgb(20, 32, 47), rgb(85, 124, 147));
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff; /* Set text color to white or any readable color */
}

个字符

bn31dyow

bn31dyow2#

  • 希望能帮到你 *

要在CSS中创建颜色为rgba(8,32,62,50%)rgba(85,124,147,50%)的渐变,可以使用以下CSS代码:

body {
  background: linear-gradient(to right bottom, rgba(8, 32, 62, 50%), rgba(85, 124, 147, 50%));
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;  /* Set text color to white or any readable color */
}

个字符
在这段代码中,linear-gradient用于创建渐变背景。底部的到右指定渐变的方向。您可以根据您的Figma设计调整方向。
如果渐变看起来不太正确,您可能需要尝试不同的Angular 或方向。在Figma中,您通常可以在渐变设置中找到渐变Angular 。寻找Angular 指示器或输入字段,您可以在其中设置渐变Angular 。调整此设置,直到它与Figma设计相匹配。
如果你能提供更多关于梯度如何在Figma中应用的细节或设计描述,我可能能够提供更具体的指导。

相关问题