如何根据百分比得到2种背景颜色，我选择

这是我的代码，但它有一个问题。 Fiddle 如何根据百分比得到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 90%);"> 
 
<h1> 
 
Hi all, this is my div 2 
 
</h1> 
 
</div>

的问题是：

如果红色小于50％，则颜色变为gradient..how停止呢？

来源

2017-06-21 Josh

百分比指定开始和停止梯度的位置。例如，尝试指定10％和9％（例如10％ - 90％表示以红色开始，从10％开始直到90％从红色变为灰色，然后保持灰色）。 – Caramiriel

在第一个示例中，您有第二个颜色停在错误的位置，它应该是一个小于第一站的值。

<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>

来源

2017-06-21 06:46:40 Jayx

如何根据百分比得到2种背景颜色，我选择

回答

相关问题