CSS 可以用來創建很多有趣的動畫，今天我們來介紹一種非常有趣的 CSS 動畫：貓頭鷹。

首先，我們需要準備一張貓頭鷹的圖片。在這個例子中，我們使用以下圖片：

.owl {
background-image: url('owl.png');
width: 350px;
height: 250px;
}

接下來，我們要為該貓頭鷹添加動畫效果。例如，我們可以讓貓頭鷹的眼睛閃爍：

.owl {
/* ... */
/* 讓貓頭鷹的眼睛閃爍 */
animation: blink 5s infinite alternate;
}
@keyframes blink {
0% { background-position: 0 0; }
50% { background-position: -350px 0; }
100% { background-position: 0 0; }
}

這段代碼給貓頭鷹的容器添加了一個名為 “blink” 的動畫效果，持續時間為 5 秒，并且無限循環。在每個循環中，動畫會反向進行。

接下來，我們還可以讓貓頭鷹的翅膀扇動，為它添加一些陰影效果等等。通過不斷嘗試，你可以為你的貓頭鷹添加非常獨特的動畫效果。

最后，這是我們最終的代碼：

現在，你已經知道如何使用 CSS 創建一個有趣的貓頭鷹動畫了。嘗試自己制作一些其他有趣的動畫，讓你的網站變得更加生動吧！