将多个十六进制值组合成一个渐变

Question

使用此代码，我可以在多个 div 中单独呈现 colors。

<ng-container  *ngFor="let subColor of color.subColors; let i = index"
                  >
  <div *ngIf="subColor.hex" class="borderbox rounded-4 col p-0 m-0 activ" [style.height]="height"
       [style.background-color]="subColor.hex">
  </div>
</ng-container>

这导致这个

图片

但我想做的是将这 4 个 colors 组合成一个渐变。 我怎样才能做到这一点？

Answer 1

您可以使用 CSS 渐变https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients https://cssgradient.io/ 。 我在第一次 Google 搜索“CSS gradient”时找到了这些文档