CSS3動畫為網頁設計帶來了無限可能，其中位移動畫在各類網站設計中得到廣泛應用。用CSS3實現位移動畫也非常簡單，只需要幾行CSS代碼即可實現。

.move {
position: relative;
animation-name: move-right;
animation-duration: 2s;
animation-timing-function: ease;
animation-iteration-count: infinite;
/* 以上為動畫屬性 */
}
@keyframes move-right {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 100%;
}
}
/* 以上為關鍵幀，left指向移動距離，0%到50%為移動過程，50%到100%為回彈 */

以上代碼實現了一個無限循環從左到右的位移動畫。其中，"move"類為實現動畫的目標元素，"animation-name"指定動畫名稱，"animation-duration"指定動畫持續時間，"animation-timing-function"指定動畫時間曲線，"animation-iteration-count"指定動畫循環次數。

而"move-right"則為關鍵幀，其中0%到50%指定元素從左到右移動，50%到100%指定元素回到左側。關鍵幀則通過'@keyframes'指令定義，"left"則指定了元素的位置。當然，除了"left"外，還有"top"等其他屬性。

在CSS3中，還有其它多種位移動畫實現方式，如transform、translate等。而以上所展示的代碼也是其中最基礎、常用的一種。通過多種不同的動畫實現方式的組合，可以實現出豐富多彩的動畫效果。