CSS3是前端開發中最常用的樣式表語言之一，它可以讓網頁看起來更加美觀、生動。CSS3提供了許多新的特性，其中就包括了漸變和動畫效果。這篇文章主要介紹CSS3的漸變和動畫效果。

/* 漸變 */
background: linear-gradient(red, blue);
/* 動畫 */
@keyframes example {
from {color: black;}
to {color: white;}
}

CSS3的漸變效果可以讓網頁的背景色或者元素背景色呈現出漸變的效果。我們可以使用以下代碼實現線性漸變：

background: linear-gradient(red, blue);

其中，red和blue是起點和終點的顏色。我們還可以指定多個顏色，讓漸變顏色更加復雜：

background: linear-gradient(red, yellow, green, blue);

除了線性漸變，CSS3還支持徑向漸變。我們可以使用以下代碼實現一個簡單的徑向漸變：

background: radial-gradient(white, black);

其中，white和black是起點和終點的顏色。

CSS3的動畫效果可以為元素添加變化的動畫效果。我們可以使用以下代碼來實現一個簡單的動畫：

@keyframes example {
from {color: black;}
to {color: white;}
}
div {
animation-name: example;
animation-duration: 4s;
}

animation-name指定動畫的名稱，animation-duration指定動畫的時長。

除了CSS3提供的這些基本特性，還有很多其他的特性可以使用。我們可以通過不斷地學習和練習，掌握更多CSS3的技巧，讓我們的網頁更加出色！