CSS3是一個強大的工具，它可以為網站添加更多精彩的動畫效果。在過去，CSS的主要用途是用來定義網站的外觀和布局，但現在隨著CSS3的推出，我們可以使用更多的動畫效果，為網站增加更多的吸引力。

/* 動畫過渡效果 */
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background-color: #00bcd4;
transition: all 0.5s ease-out;
}
.box:hover {
width: 400px;
height: 400px;
background-color: #f44336;
}

上面的代碼演示了一個簡單的動畫過渡效果。當鼠標懸停在.box元素上時，它的寬度和高度將會從200px變成400px，并且背景顏色從#00bcd4變成#f44336。這是一種非常簡單的過渡效果，但它可以讓網站看起來更加動態。

/* 動畫旋轉效果 */
.box {
position: relative;
width: 200px;
height: 200px;
background-color: #00bcd4;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg);}
to { transform: rotate(360deg);}
}

上面的代碼演示了另一種動畫效果：動畫旋轉效果。它會讓.box元素在2秒內不停旋轉。這是通過使用CSS動畫來實現的。我們可以使用@keyframes規則指定動畫的關鍵幀，從而使動畫效果更加自定義和靈活。

/* 動畫縮放效果 */
.box {
width: 200px;
height: 200px;
background-color: #00bcd4;
transition: all .5s ease-in-out;
}
.box:hover {
transform: scale(1.5);
}

最后，我們來看一種動畫縮放效果。當鼠標懸停在.box元素上時，它會變成原來的1.5倍大小。這種效果可以讓網站看起來更加生動有趣，尤其是在移動設備上，可以為用戶提供更好的體驗。

總之，CSS3可以為網站增加更多的動畫效果，讓網頁更加有趣和有吸引力。無論您是在設計新網站，還是在重新設計現有網站，使用CSS3動畫效果都是一種值得考慮的方式。