CSS3動畫是現代網頁設計中的重要一環，它能為網頁增添生動的效果，讓用戶更好地體驗網頁。下面就讓我們來介紹一下如何利用CSS3實現飛機動畫吧。

/* 定義飛機的樣式 */
.plane {
position: absolute;
top: 50%;
left: -100px;
width: 70px;
height: 50px;
background-image: url(飛機圖片地址);
background-size: cover;
animation-name: fly;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* 定義飛機飛行的動畫 */
@keyframes fly {
from {
transform: translateX(0) translateY(0) rotate(0deg);
}
to {
transform: translateX(100%) translateY(-50%) rotate(90deg);
}
}

首先，我們定義了一個飛機的樣式，利用絕對定位將其放置在頁面的左側，并設置好它的寬度、高度和背景。之后，我們使用了CSS3動畫的關鍵幀@keyframes，定義了一個名為fly的動畫，使飛機從左側飛行至頁面的右側，并且做了90度旋轉。最后，將動畫的名字fly和時間等屬性添加至飛機的樣式中，就可以實現整個飛機動畫了。