css - Sketch to CSS - Radial Gradient Css 导出问题

Question

我的英语有点差。对不起。
Sketch程序中准备了一个设计。
我无法将径向渐变正确地溢出到 css 代码中。如何获得相同的径向渐变外观？

截图:
https://imgur.com/1XNWNtv ——
https://imgur.com/lTljQBr

径向梯度高度: 1000 像素

径向渐变色: #3F46AD(不透明度 10%)

注: “复制 CSS 属性(草图)”功能没有正确导出；

HTML :

<div class="gradient-bg-wrapper">

</div>

<div class="text-wrapper">
    test test test
</div>

CSS :

.gradient-bg-wrapper{
    height: 1000px;
    background-image: radial-gradient(50% 124%, #3F46AD 75%, #FFFFFF 100%);
    opacity: 0.1;
 }

Answer 1

尝试这个:

.gradient-bg-wrapper{
    height: 500px;
    background: radial-gradient(ellipse at center, rgba(63,70,173,0.1) 0%,rgba(255,255,255,0.1) 100%);
 }

<div class="gradient-bg-wrapper">
</div>

<div class="text-wrapper">
    test test test
</div>