CSS3是一種用于描述網頁上樣式的標記語言，它可以用來制作各種各樣的動畫效果。在這篇文章中，我們將介紹如何使用CSS3來畫出機器貓的視頻。

.robot-cat{
position: relative;
width: 300px;
height: 200px;
background: url('./robot-cat.png') center no-repeat;
animation: robot-cat 2s linear infinite;
}
@keyframes robot-cat{
0%{
background-position: 0 0;
}
25%{
background-position: -300px 0;
}
50%{
background-position: -600px 0;
}
75%{
background-position: -900px 0;
}
100%{
background-position: -1200px 0;
}
}

我們首先創建了一個名為robot-cat的CSS類，把它的高度和寬度設置成對應的數值。我們使用了一個機器貓的圖片作為背景，在動畫中逐步切換不同的背景位置來達到動畫的效果。

使用@keyframes規則可以創建一個動畫，它包括多個關鍵幀，每個關鍵幀都定義了不同的動畫狀態。在我們的例子中，我們使用了5個關鍵幀，每個關鍵幀的設置表示機器貓圖片切換的背景位置。我們還為動畫添加了一個名為robot-cat的動畫，它的參數包括動畫的名稱、時長、速度和重復次數。

最后，在HTML中，我們只需要把機器貓的div元素加上我們剛剛創建的CSS類就可以啦！

好了，我們剛剛已經學會如何使用CSS3來畫出機器貓的動畫啦！快來試試吧！