半径向渐变 CSS

Question

有没有人有这个 css 渐变的解决方案？ 坡度

这是我现在使用的css：

background: transparent radial-gradient(closest-side at 50% 50%, #202020 0%, #202020BC 18%, #82DB563C 100%, #83DC563B 100%) 0% 0% no-repeat padding-box;

边框：1px 实心 #83DC56； 不透明度：1；

Answer 1

您可以ellipse at top使用ellipse at top来获得这种效果。 这是我为您制作的示例。 你当然可以玩弄颜色来达到你想要的效果。

 div { background: transparent radial-gradient(ellipse at top, #202020 40%, #006400 100%, #39FF14 100%); border: 1px solid #83DC56; opacity: 1; height: 100px; width: 700px; }

 <div></div>