CSS3是一種強大的網頁樣式表語言，它提供了許多有趣的動畫效果。在這篇文章中，我們將介紹一些CSS3頁面動畫，讓你的網站更加吸引人。

/* 使用CSS3制作顏色漸變背景動畫 */ 
.box{
background: linear-gradient(to left, #00FFFF, #00FF7F, #00FA9A);
animation: bg 10s infinite linear;
}
@keyframes bg {
0% {
background-position: 0% center;
}
100% {
background-position: 100% center;
}
}
/* 使用CSS3制作旋轉3D動畫 */ 
.box{
transform: rotate3d(1,1,0,180deg);
animation: rotate 2s infinite linear;
}
@keyframes rotate {
0% {
transform: rotate3d(1,1,0,0);
}
100% {
transform: rotate3d(1,1,0,360deg);
}
}
/* 使用CSS3制作放大縮小動畫 */ 
.box{
transform: scale(2);
animation: scale 2s infinite linear;
}
@keyframes scale {
0% {
transform: scale(1);
}
50% {
transform: scale(2);
}
100% {
transform: scale(1);
}
}

在以上例子中，我們使用了linear-gradient來制作顏色漸變的背景動畫，使用transform來制作旋轉和放大縮小動畫。我們還通過animation屬性來定義動畫的持續時間、循環次數及動畫速度。

CSS3還有很多有趣的動畫效果，讓我們的網頁更加生動。掌握這些動畫效果，我們可以為我們的網站添加一些獨特的特色。