CSS動畫是在網頁設計中應用廣泛的一種技術，在其中坐標定位起到重要的作用。坐標定位可以通過CSS的屬性來實現，下面簡單介紹CSS中常用的坐標定位屬性：

position: relative;

相對定位是相對于當前的位置進行移動，它不會改變原來的位置，而是通過左右上下的值進行定位。例如，left和top分別控制元素在水平和垂直方向上相對于其原始位置的偏移量：

div {
position: relative;
left: 50px;
top: 20px;
}

上述代碼會將div元素向右移動50像素，向下移動20像素。

position: absolute;

絕對定位使元素相對于最近的稍微不同的祖先元素進行定位，而不是相對于文檔流定位。絕對定位的元素不占用文檔流中的空間，因此它們不會對其他元素的位置造成影響。例如，設置一個元素距左側和頂部的固定位置：

div {
position: absolute;
left: 20px;
top: 50px;
}

上述代碼會將元素移動到其最接近的帶有定位的祖先元素的頂部左側，偏移20像素和50像素。

position: fixed;

固定定位是一種特殊的絕對定位，它將元素放置在頁面上的固定位置，不隨頁面的滾動而改變。例如，設置一個底部懸浮按鈕：

button {
position: fixed;
bottom: 20px;
right: 20px;
}

上述代碼會將按鈕放置在頁面的固定位置，始終靠近底部和右側。

通過上述屬性的應用，我們可以靈活定位頁面中的元素，使頁面展示更好的效果。