CSS3動畫是一種讓網頁元素產生動態效果的技術，可以幫助我們使網站更加生動、有趣、吸引人。其中，偏移動畫是一種非常實用的動畫效果，可以讓元素沿著指定的方向偏移。下面是一個偏移動畫的代碼示例：

.box{
position: relative;
animation: move 2s ease-in-out infinite alternate;
}
@keyframes move{
from{
left: 0;
}
to{
left: 100px;
}
}

在這段代碼中，.box代表需要移動的元素。通過設置它的position屬性為relative，將使元素的偏移效果基于自身位置而非父容器。接著，在box的樣式中設置animation屬性，告訴瀏覽器在2秒內應該以什么樣的方式移動元素，并且要永久重復地執行這項動畫。

在@keyframes中定義了一組CSS屬性，這些屬性描述了元素在動畫過程中的狀態。在本例中，from代表開始位置，to代表結束位置，我們設置了元素在2秒內從左邊到右邊移動了100像素。

如果我們希望元素沿著不同的軸線進行偏移，我們可以通過修改屬性來實現。例如，我們可以通過設置top屬性來讓元素沿著垂直方向移動。

.box{
position: relative;
animation: move 2s ease-in-out infinite alternate;
}
@keyframes move{
from{
top: 0;
}
to{
top: 100px;
}
}

通過這樣的方式，我們可以根據需要將元素沿著任何方向移動，帶給網站用戶更加生動的體驗。