CSS3在Web界面設(shè)計中有著廣泛的應(yīng)用，其中之一就是實現(xiàn)平移效果。其實，平移效果的實現(xiàn)并不難，只需要掌握幾個關(guān)鍵點即可。
首先，在CSS3中，transform屬性可以被用來改變HTML元素的形狀、位置和大小。要實現(xiàn)平移效果，我們只需要使用translate函數(shù)，并指定橫向和縱向的平移距離，如下所示：
div {
transform: translate(50px, 100px);
}上面的代碼表示把
元素沿橫向平移50像素，在縱向平移100像素。
需要注意的是，在使用translate函數(shù)時，可以使用負數(shù)表示要向相反方向平移。另外，translate函數(shù)還可以用來組合其他變形函數(shù)，以實現(xiàn)更加復(fù)雜的效果。
除了translate函數(shù)，我們還可以使用transition屬性，為元素指定一個過渡效果，讓元素平移時動態(tài)地展現(xiàn)過渡效果。例如：
div {
transition: transform 1s;
}
div:hover {
transform: translate(50px, 100px);
}上面的代碼表示當(dāng)鼠標懸停在