問題

別の線形勾配内に線形勾配を作成しようとしていますが、可能ですか?以下の例

 background: linear-gradient(to right, #color1 50%, #color2 0%)
 

カラー1は

 background: linear-gradient(#aa0507,#e0171e,#aa0507);
 

カラー2は

 background: linear-gradient(#f4c05b,#fcd580,#f4c05b);
 

最終結果はこれでなければなりません

enter image description here

  ベストアンサー

2つのグラデーションを background: linear-gradient(to right, #f4c05b, #fcd580, #f4c05b 50%, #aa0507 50%, #e0171e, #aa0507) に組み合わせて効果を得ることができます。

以下のデモを参照してください:

 body {
  background: linear-gradient(to right, #f4c05b, #fcd580, #f4c05b 50%, #aa0507 50%, #e0171e, #aa0507);
} 

  同じタグがついた質問を見る

htmlcsscolorsbackgroundlinear-gradients