CSS3 動畫是一種利用 CSS3 技術進行網站設計和開發的動畫方式，它可以幫助我們創建更加生動、豐富的網頁體驗。通過應用 CSS3 動畫，我們可以使網頁更加吸引人，讓用戶更加喜歡我們的網站。

CSS3 動畫主要使用 CSS 屬性的過渡和變換功能，使元素在一定的時間內從一個狀態過渡到另一個狀態。這些屬性包括了 transition（過渡）、transform（變形）、animation（關鍵幀動畫）等等。

/* transition 過渡 */
.box {
width: 100px;
height: 100px;
background-color: #f00;
transition: width 1s, height 1s;
}
.box:hover {
width: 200px;
height: 200px;
}
/* transform 變換 */
.box {
transform: rotate(45deg);
}
/* animation 關鍵幀動畫 */
.box {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}

CSS3 動畫的優點是它可以在不使用 JavaScript 的情況下輕松地實現許多復雜的動畫效果。這使得 CSS3 動畫在設備上的兼容性更好，加載速度也更快。

總之，CSS3 動畫是一種強大而易于使用的技術，可以將你的網站帶到一個新的水平。開始使用 CSS3 動畫來為你的網站添加更多的生動、美觀的元素吧！