一种成分中具有不同不透明度的背景色

Question

我想制作具有不透明性的背景色组件，如下面的图片所示>>

我该如何设计？

我想用不透明的背景色制作一个组件，如下图所示。我该如何设计？

Answer 1

使用background: linear-gradient(#e66465, #9198e5);根据情况选择颜色。实际上，这只是关于css的问题，而不是关于反应的问题，等等）

Answer 2

这与reactjs无关，但与CSS有关。阅读有关使用CSS here的渐变的更多信息。