CSS translate是一種用于移動元素的屬性。下面是一個實例展示如何使用translate來達到移動效果。

.box{
width:100px;
height:100px;
background-color: #007bff;
position:absolute;
}
.move{
transform: translate(50px,50px);
}

在這個例子中，我們創建了一個塊級元素（class為box），并將其定位在頁面的絕對位置。我們還應用了一個初始的背景色（#007bff）。

接下來，我們創建了一個class名為move的規則。通過使用transform屬性和translate函數，我們可以輕松地將.box元素向右移動50像素，向下移動50像素。

最后，我們在我們的HTML中添加了一個.div元素，并為其分配了.box和move兩個class。這樣，我們就成功地將元素移動了。

總之，CSS translate是一個強大的工具，它允許你對網頁中的元素進行移動操作。這種移動功能可以輕松實現動畫效果，使你的網站更加有趣、吸引人。