パーセントに応じて2つの背景色を取得するには、

Question

これは私のコードですが、問題が1つあります。 Fiddle

<div style="background: linear-gradient(90deg, #cc2900 51%, #b3b3b3 49%);"> 
 
<h1> 
 
Hi all, this is my div 1 
 
</h1> 
 
</div> 
 
<br><br> 
 

 
<div style="background: linear-gradient(90deg, #cc2900 10%, #b3b3b3 90%);"> 
 
<h1> 
 
Hi all, this is my div 2 
 
</h1> 
 
</div>

問題がある：

赤色が50％未満である場合には、色の変化はそれを停止するgradient..howしますか？

Answer 1

最初の例では、2番目のカラー停止が間違った位置にあります。最初の停止よりも小さい値にする必要があります。

<div style="background: linear-gradient(90deg, #cc2900 51%, #b3b3b3 49%);"> 
 
<h1> 
 
Hi all, this is my div 1 
 
</h1> 
 
</div> 
 
<br><br> 
 

 
<div style="background: linear-gradient(90deg, #cc2900 10%, #b3b3b3 9%);"> 
 
<h1> 
 
Hi all, this is my div 2 
 
</h1> 
 
</div>