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

Question

我有一个学校元素，我需要制作一个网站的精确副本。 背景有点棘手，因为我需要(我认为)添加一个径向椭圆，但没有边或底部，只有顶部。

当我尝试制作一个椭圆时，我得到一个覆盖所有四个边的椭圆(很明显)，但我不知道只将它应用到顶部。

谁能帮帮我？

这是应该的样子

请只关注背景

我已经尝试了椭圆形和正常的径向渐变，但我没有按照我想要的方式运行。

这是我的代码

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

Answer 1

像下面这样调整你的代码:

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