CSS3動畫平移是一種常見的網(wǎng)頁動畫效果，通過平移元素的位置來達(dá)到頁面的動態(tài)效果。該效果可以通過CSS3的新特性來實現(xiàn)，包括transition、animation等屬性。

.example {
transition: transform 1s ease;
}
.example:hover {
transform: translateX(50px);
}

如上所示，當(dāng)鼠標(biāo)懸停在某個元素上時，它會向右平移50像素。這是通過CSS3的transition屬性實現(xiàn)的，該屬性允許元素在狀態(tài)變化時平滑過渡。

.example {
animation: move 2s infinite linear;
}
@keyframes move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(200px);
}
}

除了transition屬性，CSS3的animation屬性也可以實現(xiàn)平移效果。如上所示，動畫將平移元素從左到右移動200像素，并在2秒內(nèi)重復(fù)無限次。這是通過定義關(guān)鍵幀來控制動畫過程來實現(xiàn)的。

總而言之，CSS3動畫平移是一種簡單而有效的網(wǎng)頁動畫效果。開發(fā)人員可以靈活使用transition和animation屬性來實現(xiàn)平滑和有趣的過渡和動畫效果。