我有一個線性梯度。這是我的代碼:

background: linear-gradient(145deg, #3fd8f6 50%, #609210 50%);

看起來是這樣的:

我想改變它，使藍色部分比綠色部分小。所以我把代碼改成了這樣:

background: linear-gradient(145deg, #3fd8f6 30%, #609210 70%);

但是這導致了梯度的減弱:

如果我用& quot向左& quot而不是& quot145度但是這樣我的漸變就不會傾斜了...它只是一條直線，這不是我想要的。

我怎樣才能讓它看起來像第一張圖片，但是藍色部分比綠色部分小？例如:藍色30%，綠色70%。

如果不希望顏色褪色，您需要將兩者都設置為停在同一位置，因此，如果您希望藍色褪色30%，您可以將兩者都設置為30%。

background: linear-gradient(145deg, #3fd8f6 30%, #609210 30%);

.gradient {
background: linear-gradient(145deg, #3fd8f6 30%, #609210 30%);  
width: 600px;
height: 100px;
}

<div class="gradient"></div>