CSS3動畫是網頁設計中非常重要的一部分，它能夠為網頁增添生動的效果，讓用戶感到更加親近和有趣。下面我們來介紹一下CSS3動畫的基本知識和運動方式。

/* 設置一個動畫 */
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
/* 應用該動畫 */
div {
animation-name: example;
animation-duration: 4s;
}

如上代碼所示，我們定義了一個名為“example”的動畫，在4秒鐘內將背景色從紅色漸變到黃色。我們把該動畫應用在了一個div元素上，讓其產生了生動的變化效果。

除了上述示例中的漸變效果，CSS3動畫還支持多種其他的運動方式，如旋轉（rotate）、縮放（scale）、平移（translate）等等，這些運動方式可以通過keyframes關鍵字來組合形成更加豐富的動畫。

@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

如上代碼定義了一個旋轉的動畫，從0度持續旋轉到360度，我們可以將其應用在任意元素上，實現生動的旋轉效果。

除了基本的動畫運動方式，CSS3動畫還支持多種其他的屬性，如動畫延遲（animation-delay）、緩動函數（animation-timing-function）、動畫方向（animation-direction）等等。

綜上所述，CSS3動畫是網頁設計中必不可少的一部分，它能夠為網頁增添生動的效果，讓用戶感到更加親近和有趣。