CSS是一種用于樣式設計的語言，可以實現豐富的交互效果。其中，鼠標移動過去時的效果也是常見的一種。

.hover-effect{
background-color: #fff;
transition: all 0.5s ease;
box-shadow: 0px 0px 10px #ddd;
 }
.hover-effect:hover{
background-color: #f5f5f5;
transform: scale(1.1);
box-shadow: 0px 0px 20px #ddd;
 }

上面的代碼實現了一個簡單的鼠標移動過去的效果，即元素背景顏色、陰影和大小的變化。我們可以通過調整屬性值來實現不同的視覺效果。

需要注意的是，在CSS中，鼠標移入和移出分別對應:hover和:focus偽類。可以分別為這兩個狀態設置不同的樣式。另外，使用transition屬性可以使樣式轉換更加平滑。例如，將所有屬性的變化加上transition屬性，可以讓效果更加柔和。

總之，CSS的鼠標移動過去效果為網站的交互提供了更多的可能性。我們可以根據實際需求，靈活運用這些效果，來提高網站的用戶體驗。