Html 在CSS中重现复杂的渐变

Html 在CSS中重现复杂的渐变,html,css,gradient,Html,Css,Gradient,我试图在CSS中重现(尽可能接近)我看到的渐变 我设法接近它,但我不能做得更好 这是渐变的图像: 下面是我的HTML/CSS代码: *,*:之前,*:之后{框大小:边框框;} html,正文{宽度:100%;高度:100%;} 正文{display:flex;align items:center;justify content:center;} .标志{ 背景: 径向梯度(在10%90%的位置圈出最远的角,#FFF200,透明50%), 径向梯度(以10%130%的速度旋转最远的角,#FFF

我试图在CSS中重现(尽可能接近)我看到的渐变

我设法接近它,但我不能做得更好

这是渐变的图像:

下面是我的HTML/CSS代码:

*,*:之前,*:之后{框大小:边框框;}
html,正文{宽度:100%;高度:100%;}
正文{display:flex;align items:center;justify content:center;}
.标志{
背景:
径向梯度(在10%90%的位置圈出最远的角,#FFF200,透明50%),
径向梯度(以10%130%的速度旋转最远的角,#FFF200,透明50%),
径向梯度(在150%至150%的范围内圈出最远的角,#ed4444,透明),
径向梯度(在170%170%处圈出最远的角,#ed4444,透明),
线性梯度(#627AFF 40%,透明);
边界半径:50%;
字体大小:250px;
高度:1米;
位置:相对位置;
宽度:1米;
}
.标志:之前{
内容:“D”;
颜色:白色;
位置:绝对位置;
左:67px;
顶部:17px;
字号:175px;
}

我尽我所能为您效劳,希望它能帮助您。 祝你好运

.logo{
背景:
径向梯度(在50%180%、白色15%、透明20%的情况下,圆圈最远一侧),
径向梯度(121%84%处的最近角,#ef5d5d 190%,透明307%),
径向梯度(40%77%处的最近侧,#fff64d 76%,透明185%),
线性梯度(10%,透明);
边界半径:50%;
字体大小:250px;
高度:1米;
位置:相对位置;
宽度:1米;
}
.标志:之前{
字体系列:“画笔脚本MT”,草书;
内容:“D”;
颜色:白色;
位置:绝对位置;
左:67px;
顶部:17px;
字号:175px;
}

可以在网站上找到要复制的渐变吗?您是否尝试过与二次曲线渐变混合?可以在CSS中制作二次曲线渐变?不,我没有试过,我甚至不知道这是可能的。非常impressive@Spectric请你把答案标为正确答案好吗,goodluck@Spectric我还以为这是你的呢ty@BurhamB.Soliman非常感谢,是的,它帮助了我!祝你好运。