基於漸變色標定義許多css類的顏色

Question

我有一個漸變色階，我想爲其定義一組類。

進行分解我有可以跨越與0.25步驟和之間0 8.5的值。我有一個不同的顏色（8.5/0.25 = 34），我想要跨越這個漸變色階。所以我需要定義34個不同的類，每個類都比我在數據庫中具有的比例依賴值更低。因此，如果我找到2.25的值，我想在我的漸變比例內獲得顏色29.4％（（2.25 * 100 /）8.5 = 29.4）。我怎樣才能通過使用CSS類來做到這一點？

我這樣做的原因是爲了增添色彩，我把我的地圖圖標。這些值是速度和速度，我需要添加一個類到地圖上包含與速度的「值」匹配的背景（顏色）的圖標上的速度？

我試過Google過去30分鐘，但我發現我自己找不到任何可以使用的東西。

如果這看起來很直觀，我願意嘗試其他解決方案，可以幫助我實現我所需要的。

如果它有什麼重要性，我使用MapBox作爲我的地圖解決方案。

Answer 1

嘗試使用SCSS。在SCSS中，您可以使用變量和數學。