CSS不知道尺寸的動畫是一種不需要指定實際像素尺寸的動畫，可以通過設置元素的動畫屬性來實現。這種動畫可以讓元素在屏幕上呈現出不同的效果，而不需要擔心元素的大小和位置。

在實現CSS不知道尺寸的動畫時，需要使用CSS的動畫屬性，如：

- `animation-name`：動畫的名稱。

- `animation-duration`：動畫的持續時間。

- `animation-iteration-count`：動畫的迭代次數。

- `animation-direction`：動畫的方向。

- `animation-fill-mode`：動畫結束后元素的狀態。

例如，要將一個元素的上下滾動效果實現為動畫，可以使用以下代碼：

```css

@keyframes bubble {

0% {

transform: translateY(0);

100% {

transform: translateY(100px);

.container {

position: relative;

width: 100%;

height: 100%;

.container .bubble {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

animation: bubble 1s infinite;

在上面的代碼中，`bubble`動畫的命名是 `bubble`，持續時間是 `1s`，迭代次數是 ` infinite`，方向是 `向下`,fill-mode是 `循環`。

通過使用這些屬性，我們可以將一個元素設置為一個動畫，而不需要指定實際像素尺寸，從而實現了CSS不知道尺寸的動畫。這種動畫可以讓我們在創建網頁時，輕松地實現各種動畫效果，而不必過多地關注元素的大小和位置。