想要讓網(wǎng)頁更加有吸引力？那么，為什么不嘗試一下讓鼠標在字體上劃過時變大的效果呢？那么，接下來就讓我們來學(xué)習(xí)如何使用CSS來創(chuàng)建這種效果吧！

/*創(chuàng)建一個類名為hover-effect的CSS樣式*/
.hover-effect{
font-size: 16px;
transition: font-size 0.3s ease-in-out;
}
/*為hover-effect添加:hover偽類*/
.hover-effect:hover{
font-size: 20px;
}

在上面的代碼中，我們創(chuàng)建了一個名為hover-effect的CSS樣式。該樣式為字體設(shè)置了默認大小為16px，同時也定義了一個過渡效果，這個效果為字體大小在0.3秒的時間內(nèi)向上或向下過渡。同時，我們還為hover-effect添加了一種:hover偽類。在該偽類下，我們將字體的大小設(shè)置為20px這個較大的數(shù)值，這樣在鼠標劃過該字體時，字體就會變得更大了。

最后，在HTML代碼中我們只需要為想要應(yīng)用該效果的文字添加類名為hover-effect即可。

如何，是不是很簡單？快來試試吧！