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

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

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

接著，在.btn選擇器上應用了transition屬性，設定過渡時間為0.5秒。

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

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

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