CSS3動畫是現代網頁設計中不可或缺的一部分。CSS3動畫是一種使用CSS語言創建的視覺效果，可以讓我們在網頁中使用動畫，讓網頁變得更生動、更具吸引力。與JavaScript動畫相比，CSS3動畫更加輕量級，更易于學習和使用，而且可以大幅度降低您的網站的加載時間。

對于CSS3動畫，很多人可能最先會想到的是簡單的過渡效果（transition）。但實際上，CSS3動畫不僅僅限于過渡效果，它還包括了其他很多種類型的動畫效果，比如旋轉、縮放、移動、漸變等等。我們可以使用CSS3動畫來制作許多驚人的效果，例如懸停效果、頁面滾動效果、頁面進入效果等等。

/* transition效果 */
.box{
width:100px;
height:100px;
background-color:red;
transition:width 2s;
}
.box:hover{
width:200px;
}
/* transform效果 */
.box{
width:100px;
height:100px;
background-color:red;
transition:transform 2s;
}
.box:hover{
transform:rotate(180deg);
}
/* animatio效果 */
.box {
width: 100px;
height: 100px;
background: red;
position: relative;
-webkit-animation: move 2s infinite;
animation: move 2s infinite;
}
/* 定義動畫 */
@-webkit-keyframes move{
0%{left:0px;}
50%{left:200px;}
100%{left:0px;}
}
@keyframes move{
0%{left:0px;}
50%{left:200px;}
100%{left:0px;}
}

總之，CSS3動畫是一種強大的技術，可以幫助我們制作一些很棒的效果，讓我們的網頁變得更加生動有趣。學會使用CSS3動畫可以讓你在網頁設計方面更加靈活，提高設計效率，大幅度提升用戶體驗。