在Web開發中，鼠標經過時內容移動是常見的效果之一。這種效果通常使用CSS來實現。下面我們來看一下具體的實現方法。

/* CSS代碼 */
.move{
transition: all 0.3s ease-in-out;
}
.move:hover {
transform: translateX(50px);
}

上述代碼使用了CSS中的transition和transform屬性。其中，transition屬性用于在指定的時間內平滑地過渡某個屬性的變化，transform屬性用于對元素進行旋轉、縮放、平移等變形操作。 這里我們使用transform屬性中的translateX()方法來實現橫向移動。

在以上代碼中，我們選取了一個類名move，并給它設置了transition屬性。這意味著當鼠標懸停在該元素上時，它的樣式將在0.3秒內平滑過渡。接著，我們在:hover偽類的樣式中對transform屬性進行了修改，即將元素往右平移了50px。

這樣，當鼠標懸停在該元素上時，它會沿著X軸方向向右移動50像素。

不難看出，這種效果非常簡單，但也非常實用。通過簡單的CSS代碼，我們可以為我們的網站增添不少交互效果。