草图到 CSS - 径向渐变 Css 导出问题答案

【问题标题】：Sketch to CSS - Radial Gradient Css Export Problem草图到 CSS - 径向渐变 Css 导出问题
【发布时间】：2019-06-19 11:58:32
【问题描述】：

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

径向渐变高度： 1000px

径向渐变色： #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;
 }

【问题讨论】：

您可以通过查看文档：developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient 和规范：drafts.csswg.org/css-images-3/#radial-gradients，找到您需要的所有内容
@TemaniAfif 首先谢谢你。我尝试了很多。但我没有得到同样的出口。 :(
遇到同样的问题
遇到同样的问题.. 导出为 CSS 时径向渐变不一样

【解决方案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>

【讨论】：