CSS3黏鼠標(biāo)動(dòng)畫能夠讓你制作出非?？犰诺木W(wǎng)頁效果。這種動(dòng)畫可以讓網(wǎng)頁上的文字或圖片跟隨鼠標(biāo)的移動(dòng)而產(chǎn)生效果。

代碼如下：
.box {
position: relative;
}
.box:hover .inner {
transform: scale(1.2);
} 
.inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}

這個(gè)動(dòng)畫最基本的實(shí)現(xiàn)是將需要添加效果的元素包裹在一個(gè)容器 div 中。在容器的 CSS 中，將 position 屬性設(shè)置為 relative。在需要添加效果的元素的 CSS 中，將 position 設(shè)置為 absolute，并用 top 和 left 屬性將其定位在容器的中央。

在容器的 CSS 中使用:hover 偽類選擇器，為你想要添加效果的元素增加動(dòng)畫效果。這里使用了 scale（縮放）變換，將元素放大 1.2 倍。

當(dāng)鼠標(biāo)滑過這個(gè)容器時(shí)，你會(huì)看到元素會(huì)隨著鼠標(biāo)的移動(dòng)而跟隨移動(dòng)。這是因?yàn)槲覀兪褂昧?translate3d 變換，使元素沿著 X 和 Y 軸在容器中移動(dòng)。

總的來說，CSS3黏鼠標(biāo)動(dòng)畫非常容易實(shí)現(xiàn)，可以讓你的網(wǎng)頁更加有趣和生動(dòng)。