这非常微妙,但在 Figma 中,CSS 看起来像这样:
根据figma的CSS:
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.116) 0%, rgba(255, 255, 255, 0) 100%), #15636D;
Run Code Online (Sandbox Code Playgroud)
我尝试过类似的事情,但最终看起来很遥远:
gradient: RadialGradient(
colors: [
Color.fromRGBO(255, 255, 255, 0.116),
Color.fromRGBO(152, 70, 242, 0),
AppColors.primary, // #15636D
],
),
Run Code Online (Sandbox Code Playgroud)
有没有办法调整这个分布?
我的后备计划是,如果其他方法都失败了,就把它变成背景图像。
试试这个代码
Container(
decoration: const BoxDecoration(
gradient: RadialGradient(
colors: [
Color(0xff366570),
Color(0xff275662),
],
center: Alignment.center,
radius: 0.8,
),
),
)
Run Code Online (Sandbox Code Playgroud)
它是用梯度生成器生成的
| 归档时间: |
|
| 查看次数: |
966 次 |
| 最近记录: |