跟隨鼠標移動的css，是一種很有趣的效果，能夠讓你的網頁更加生動。這種效果可以通過css代碼簡單實現，具體步驟如下：

/* 創建一個div，并設置樣式 */
div {
width: 50px;
height: 50px;
background-color: red;
position: absolute;
z-index: 1;
}
/* 綁定鼠標移動事件 */
document.onmousemove = function(event) {
var e = event || window.event;
var x = e.clientX;
var y = e.clientY;
var div = document.getElementsByTagName('div')[0];
/* 設置div的位置為鼠標的坐標 */
div.style.left = (x - 25) + 'px';
div.style.top = (y - 25) + 'px';
}

以上代碼中，我們首先創建了一個div，設置其寬度、高度、背景色，以及定位方式為絕對定位。然后通過綁定鼠標移動事件，獲取鼠標的坐標，并將div的位置設置為鼠標的坐標。因為div是50*50的，所以需要將坐標值減去25，才能讓div的中心與鼠標重合。

可能有人會問，為什么要設置z-index為1呢？這是因為我們設置了div的定位方式為絕對定位，如果不設置z-index，那么div會被其他元素遮擋，無法顯示出來。而設置z-index為1，則可以將div置于其他元素之上。