如何制作与 bootstrap 主页相同的背景？

Question

 body>div { background-color: red; }

 <div>Need more here</div>

有人可以帮助创建与 bootstrap 主页相同的背景吗？

我尝试了渐变，但它不起作用。 我无法得到中间白色的 4 个 colors。

Answer 1

 .bs { aspect-ratio: 1/1; background-image: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,1) 85%), radial-gradient(ellipse at top left, rgba(13,110,253,0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(255,228,132,0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(112.520718,44.062154,249.437846,0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(214,51,132,0.5), transparent 50%); }

 <div class="bs"></div>