[英]Sketch to CSS - Radial Gradient Css Export Problem
我的英语有点差。 对不起。 Sketch程序中准备了一个设计。 我无法将径向渐变正确地溢出到 css 代码中。 如何获得相同的径向渐变外观?
截图: https : //imgur.com/1XNWNtv - https://imgur.com/lTljQBr
径向渐变高度: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;
}
尝试这个:
.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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.