18910140161

html-如何在中央将两种颜色并排作为线性渐变css-堆栈溢出

顺晟科技

2022-10-19 13:35:06

120

我有一个设计,有两种颜色作为背景并排居中。我试着用。但是我没有找到任何增加两种颜色的解决方案。请检查下面的设计图片。

如何实现上述后台设计。使用的2种颜色是和。我尝试使用下面的代码。

radial-gradient

但是上面的代码只产生1种颜色。如何并排添加两种颜色?有可能吗?


顺晟科技:

问题是这两种颜色都是白蓝色,因此您只能看到一种颜色,但如果您在十六进制颜色代码生成器网站中看到这种颜色,就会发现这两种颜色彼此非常相似。

键入上面的颜色十六进制代码,并看到两种颜色都是相同的,我建议使用不同的颜色,因为它会对眼睛可见,因此也增加。

使用线性梯度过滤器的解决方案。

  1. 元素放置到中心位置,以便不干扰主要内容。
  2. 使用中的断点以获得所需的结果。
  3. 应用该方法来平滑边缘。

您可以使用两个径向渐变,然后通过改变它们的位置使它们并排看起来。

更多解释

  • 制作渐变,这样它们就可以很容易地相互放置。
  • 用于第三个参数,因此只得到渐变值。
  • 使每个渐变框的宽度小于(like),以便其中一个与右(with)对齐,另一个与左()对齐
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航