CSS3動畫浮動效果是一種通過CSS3動畫技術實現頁面元素浮動的效果，可以讓頁面元素在父元素中自由浮動，從而實現一些特殊的效果，如菜單欄的浮動、導航欄的浮動、表單提交后的自動浮動等。

在實現CSS3動畫浮動效果時，需要使用CSS3的動畫屬性和過渡效果，具體步驟如下：

1. 將需要浮動的元素添加到父元素中，如一個導航欄或菜單欄，可以將其作為父元素添加到根元素中。

2. 給父元素添加一個類名，如“nav”，并在其中添加一個包含子元素的樣式，如“.nav ul { list-style-type: none; }</li>”。

3. 給父元素添加一個動畫屬性“position: relative”，并在其中添加一個“!important”聲明，以確保該屬性在整個項目中都是必需的。

4. 給父元素添加一個動畫屬性“transform”，并在其中添加一個“transform-origin”屬性，用于設置子元素在父元素中的坐標，如“50% 100%”。

5. 給父元素添加一個動畫屬性“transition”，并在其中添加一個“transition-duration”和“transition-type”屬性，用于設置動畫的過渡效果，如“0.2s ease-in-out”。

6. 給父元素添加一個動畫屬性“transform”，并在其中添加一個“transform-origin”屬性，用于設置子元素在父元素中的坐標，如“50% 100%”。

7. 給父元素添加一個動畫效果，如“list-style-position: inside”,“list-style-type: none”;

8. 給父元素添加一個動畫效果，如“transform: translateY(-50%)”;

9. 將子元素添加到父元素中，并調整其位置，以達到所需的效果。

通過以上步驟，就可以實現一個簡單的CSS3動畫浮動效果，可以讓頁面元素在父元素中自由浮動，實現一些特殊的效果。