使用CSS實現圖標劃入變顏色是一種常見的網頁動畫效果，能夠增加網頁的視覺效果和用戶體驗。下面我們通過代碼展示如何實現這個效果。 首先，在HTML頁面中添加圖標，可以是自己設計的圖標，也可以使用現成的圖標庫，例如Font Awesome。以下代碼演示了如何在HTML中添加一個Font Awesome圖標：

接著，在CSS中編寫鼠標移入圖標變色的效果，這里我們使用:hover偽類來實現。以下代碼演示了如何使用CSS對移入圖標變色進行樣式修改：

p i:hover {
color: red;
}

最后，需要在HTML中引入Font Awesome庫的CSS文件，以便正確顯示圖標。可以在https://fontawesome.com/網站下載最新的CSS文件。以下代碼演示了如何在HTML中引入Font Awesome庫：

通過以上代碼的實現，我們就可以在網頁上實現圖標劃入變顏色的效果了。