在網(wǎng)頁(yè)設(shè)計(jì)中，火雞鼠標(biāo)效果是非常常見(jiàn)的特效。火雞鼠標(biāo)效果可以增加網(wǎng)頁(yè)的趣味性，讓用戶感到有趣又好玩。接下來(lái)，我們將介紹一些可以用于實(shí)現(xiàn)火雞鼠標(biāo)效果的CSS代碼。

/*火雞鼠標(biāo)效果*/
.gobble:hover { 
animation: gobble 0.4s linear; 
transform-origin: bottom center; 
}
/*動(dòng)畫(huà)關(guān)鍵幀*/
@keyframes gobble { 
0% { transform: rotate(0); }
50% { transform: rotate(30deg); }
100% { transform: rotate(0); }
}

在上面的代碼中，我們使用了:hover選擇器，在鼠標(biāo)移上去時(shí)，觸發(fā)gobble動(dòng)畫(huà)。gobble動(dòng)畫(huà)使用了@keyframes關(guān)鍵幀，實(shí)現(xiàn)了一次火雞像樣式。

當(dāng)然，如果你想自定義火雞的外觀，可以修改:hover里的類名.gobble。比如，把.gobble改成.turkey，那么class為turkey的元素就會(huì)變成火雞了哦！

除了火雞鼠標(biāo)效果，還有一些其他的鼠標(biāo)特效，比如心形鼠標(biāo)、星星鼠標(biāo)等等。如果你對(duì)這些效果感興趣，可以繼續(xù)學(xué)習(xí)CSS動(dòng)畫(huà)。CSS動(dòng)畫(huà)是一門非常強(qiáng)大的技能，能夠?qū)崿F(xiàn)各種各樣的動(dòng)畫(huà)效果呢！