CSS3中有很多對鼠標(biāo)移動的效果的支持，這些鼠標(biāo)移動效果可以讓網(wǎng)頁變得更加生動有趣，提升用戶的體驗。接下來我們來看看CSS3鼠標(biāo)移動效果的一些常用屬性和實現(xiàn)方法。

/* cursor屬性：改變鼠標(biāo)的樣式 */
/* 使用url()來定義自定義鼠標(biāo)樣式，光標(biāo)文件的格式可以是cur、ani、img等 */
p{
cursor:pointer;/* 鼠標(biāo)指針 */
}
a{
cursor:url(mouse.cur), pointer;
}
/* hover偽類：當(dāng)鼠標(biāo)移動到元素上時所觸發(fā)的樣式 */
a:hover{
color:red;/* 文本變?yōu)榧t色 */
}
/* transition屬性：定義CSS屬性在一定時間內(nèi)改變 */
p{
transition: all 2s;
}
p:hover{
transform: rotate(360deg) scale(0.5);
}
/* transform屬性：用于移動、縮放、旋轉(zhuǎn)元素 */
p{
transform: rotate(45deg) translate(20px, 20px) scale(0.5);
}
/* animation屬性：創(chuàng)建動畫效果 */
@keyframes flash{
from{
opacity: 1;
}
to{
opacity: 0;
}
}
p:hover{
animation: flash 1s infinite alternate;
}

以上是一些常用的CSS3鼠標(biāo)移動效果，我們可以根據(jù)自己的需要進行調(diào)整和改變，增加網(wǎng)頁的創(chuàng)意和趣味性。