CSS3是一種強大的樣式語言，在網頁設計中能夠創造出各種視覺效果，其中動畫效果是一個重要的應用之一。而CSS3動畫中的定位功能可以讓元素產生平移、旋轉或縮放的效果，下面我們就來詳細介紹一下。

首先，我們來看一下基本的定位屬性，分別是position:absolute和position:relative。

.box{
position:absolute;
top:50px;
left:50px;
}

上述代碼將.box類中的元素定位在距離網頁頂部50px和左側50px的位置。而position:relative屬性則是相對于元素本身的位置來定位。

.box{
position:relative;
top:20px;
left:20px;
}

上述代碼將.box類中的元素相對于自身的位置向下移動了20px，向右移動了20px。

接下來，我們來看一下CSS3的transform屬性。這個屬性能夠讓元素產生旋轉、縮放或平移的效果。下面是transform屬性的三個基本的使用方式：

1. 平移

.box{
transform:translate(50px,50px);
}

上述代碼將.box類中的元素向右移動了50px，向下移動了50px。

2. 旋轉

.box{
transform:rotate(45deg);
}

上述代碼將.box類中的元素順時針旋轉了45度。

3. 縮放

.box{
transform:scale(1.2,1.2);
}

上述代碼將.box類中的元素橫向和縱向都放大了1.2倍。

最后，我們再來介紹一下CSS3中的animation屬性。animation屬性可以讓元素產生連續不斷的動畫效果。

.box{
animation:mymove 5s infinite;
}
@keyframes mymove{
from{
transform:translate(0,0);
}
to{
transform:translate(200px,200px);
}
}

上述代碼將.box類中的元素往右下方移動200px后回到原位，然后不斷循環這個過程。

綜上所述，CSS3的動畫定位功能可以為網頁設計帶來豐富的視覺效果，不過在使用時還需要注意瀏覽器的兼容性問題。