CSS中的div元素是網頁設計中非常常用的一種元素，它可以用來包裹其他元素，實現不同的布局效果。我們可以通過CSS的動畫效果來實現div元素的左右移動效果，使網頁更加生動有趣。

要實現此效果，我們需要先定義一個div元素，并設置其寬度和高度。接下來，我們需要為該div元素添加動畫效果，使其能夠左右移動。這里我們采用CSS3的transform屬性，可以通過設置translateX()的值來實現元素的水平移動。同時，我們還需要使用transition屬性來定義過渡效果，使其能夠平滑地移動。

<style>
.move{
position: relative;
width: 200px;
height: 200px;
background-color: yellow;
transition: transform 1s;
}
.move:hover{
transform: translateX(300px);
}
</style>
<div class="move"></div>

在上述代碼中，我們定義了一個class名為move的div元素。該元素初始位置為relative，寬度和高度分別為200px，并設置了背景顏色為黃色。同時，我們定義了transition屬性，指定了該元素的transform屬性在1秒內完成過渡效果。當我們將鼠標懸停在該元素上時，將會執行:hover偽類的樣式，移動元素的位置，使元素向右平移300px的距離。

通過以上代碼的實現，我們成功地實現了CSS div元素的左右移動效果，可以使我們的網頁更加生動有趣。在實際開發中，我們可以根據具體需求，更改div元素的樣式和動畫效果，使其適應不同的布局需求。