CSS字體自動改變顏色是一種很有趣的效果，可以讓頁面看起來更加生動有趣。使用CSS，我們可以實現(xiàn)字體在經(jīng)過一定的時間或滑動鼠標(biāo)時自動改變顏色。下面是具體的代碼：

/*定義變換時間和起始顏色*/
h1{
color: blue;
transition: color 2s;
}
/*鼠標(biāo)放上時，改變顏色*/
h1:hover{
color: red;
}
/*經(jīng)過一定時間后自動改變顏色*/
@keyframes colorChange{
0%{color: blue;}
50%{color: red;}
100%{color: blue;}
}
span{
animation: colorChange 3s infinite;
}
/*滾動鼠標(biāo)時改變顏色*/
p{
color: black;
transition: color 2s;
}
p:hover{
color: purple;
}
body{
font-size: 20px;
overflow: hidden;
}
::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-thumb{
border-radius: 20px;
background: pink;
}
::-webkit-scrollbar-track{
background: gray;
}
/*鼠標(biāo)滾輪滾動時，改變顏色*/
::-webkit-scrollbar-thumb:hover{
background: gold;
}

通過上面的代碼，我們可以實現(xiàn)以下三種字體自動改變顏色的效果：

• 鼠標(biāo)放上時，改變顏色：當(dāng)鼠標(biāo)指針懸停在h1標(biāo)簽上時，字體會自動從藍(lán)色變成紅色。
• 經(jīng)過一定時間后自動改變顏色：在span標(biāo)簽內(nèi)定義了一個動畫，一開始字體顏色是藍(lán)色，然后在2秒后變成紅色，再過3秒后變回藍(lán)色，如此循環(huán)。
• 滾動鼠標(biāo)時改變顏色：當(dāng)鼠標(biāo)指針懸停在p標(biāo)簽上時，字體會自動從黑色變成紫色，當(dāng)鼠標(biāo)滾輪滾動時，可以嘗試將滾動條拉動，字體顏色也會自動跟隨改變。

通過這些效果，我們可以讓頁面更加豐富多彩，為用戶帶來更好的體驗。