純css鼠標經過滑動陰影是一種在網頁設計中非常流行的效果，它可以讓網頁看起來更加動態，讓用戶感到更加舒適。這種效果通常是通過使用css中的偽類來實現的，下面是一個簡單的例子：

.box {
position: relative;
width: 200px;
height: 200px;
background-color: #fff;
}
.box::before {
content: "";
position: absolute;
top: 0;
left: -50%;
width: 50%;
height: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, .7);
transition: left .3s ease-out;
}
.box:hover::before {
left: 0;
}

上面的代碼中，我們創建了一個名為".box"的div元素，并使用::before偽類添加了一個寬度為50%、高度為100%、陰影為rgba(0, 0, 0, .7)的半透明黑色層。在默認狀態下，這個層是隱藏在元素的左側的，而在鼠標經過時，通過設置::before的left屬性，讓它慢慢移動到元素的左側，以此實現滑動陰影的效果。

這種效果非常簡單易用，只需要使用css中的偽類和過渡，就可以實現非常有趣的滑動陰影效果，可以為網頁注入更多的活力。