CSS漸變是一種很常見的樣式效果，可以幫助創(chuàng)造出非常具有吸引力和美觀的設(shè)計，本文將介紹如何使用CSS漸變來實現(xiàn)過渡效果。

.btn {
background: linear-gradient(to right, #ff8a00, #e52e71);
transition: 0.5s;
}
.btn:hover {
background: linear-gradient(to right, #e52e71, #ff8a00);
}

以上代碼中，我們首先通過linear-gradient函數(shù)設(shè)定了一個漸變，漸變顏色從#ff8a00到#e52e71，方向為從左到右。

接著，在.btn選擇器上應(yīng)用了transition屬性，設(shè)定過渡時間為0.5秒。

最后，在.btn:hover選擇器上設(shè)定了一個新的漸變，顏色由#e52e71到#ff8a00，并以相同方向進(jìn)行漸變。

當(dāng)鼠標(biāo)懸停在.btn按鈕上時，漸變顏色將以0.5秒的動畫過渡到新的顏色，從而實現(xiàn)了一種平滑的效果。

需要注意的是，CSS漸變控制過渡效果需要瀏覽器支持transition屬性，因此在應(yīng)用漸變時需要考慮用戶的瀏覽器兼容性。