CSS3鼠標(biāo)滑動(dòng)色塊是一種很有趣的效果，可以為網(wǎng)站增加一些交互感和視覺效果，下面是代碼實(shí)現(xiàn)：

<style>
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: all 0.5s;
}
.box:hover {
background-color: #f00;
}
</style>
<div class="box"></div>

上面的代碼中，box類是一個(gè) div 元素的類，設(shè)置了寬和高以及背景顏色，同時(shí)還設(shè)置了一個(gè)過渡效果，這個(gè)過渡效果表示當(dāng)背景顏色發(fā)生變化時(shí)，會(huì)有一個(gè) 0.5s 的過渡時(shí)間，讓漸變看起來更加自然。

當(dāng)鼠標(biāo)懸浮在 box 元素上時(shí)，box:hover 就會(huì)生效，這里我們將背景顏色變?yōu)?#f00，也就是紅色。

以上就是一個(gè)簡單的 CSS3 鼠標(biāo)滑動(dòng)色塊的實(shí)現(xiàn)方法，可以根據(jù)實(shí)際需求進(jìn)行調(diào)整。