根據鼠標位移設置CSS樣式，是一項非常實用的技能，它可以讓我們更好地控制頁面的效果，提高用戶的交互體驗。

下面就通過一個例子來介紹具體的實現方法：

.container {
position: relative;
width: 100%;
height: 500px;
}
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background-color: #ccc;
transition: all 0.2s ease-in-out;
}
.box:hover {
transform: scale(1.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

在上面的代碼中，我們創建了一個容器和一個方塊。通過設置容器的position: relative屬性和方塊的position: absolute屬性，使方塊相對于容器進行定位。

接著，我們使用了transform: translate(-50%, -50%)屬性將方塊居中顯示，并為方塊設置了一些基本的樣式，如width、height和background-color。

然后，我們為方塊添加了transition屬性，指定了樣式變化的過渡時間和動畫效果。

最后，在方塊的:hover狀態下，我們使用了transform: scale(1.1)屬性來放大方塊，并為方塊添加了一個陰影效果。

以上就是一個簡單的根據鼠標位移設置CSS樣式的例子，希望能夠對大家有所幫助。