径向渐变椭圆无法正常工作

时间:2019-11-06 12:19:47

标签: html css

我有一个学校项目,需要复制网站的确切副本。 背景有点棘手,因为我需要(我认为)添加一个径向椭圆形,但是没有侧面或底部,只有顶部。

当我尝试制作一个椭圆形时,我会得到一个椭圆形,可以覆盖所有四个侧面(显然),但是我不知道仅将其应用于顶部是很热的。

有人可以帮我吗?

这应该是这样的

请仅关注背景

Here is the background

我已经尝试了一个椭圆和一个正常的径向渐变,但是我没有达到我想要的效果。

这是我拥有的代码

 background-image: radial-gradient(ellipse, white, lightgrey, lightgrey,  
#1b1b2e 
#1b1b2e);

1 个答案:

答案 0 :(得分:0)

如下调整代码:

html {
  min-height:100%;
  background-image: radial-gradient(150% 150% at bottom center, white, lightgrey,  #1b1b2e, #1b1b2e);
}