时间戳

首页 > 解决方案 > 半径向渐变 CSS

css - 半径向渐变 CSS

问题描述

有没有人有这个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；

标签： css

解决方案

您可以使用 anellipse 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>

推荐阅读