CSS3是一種用于美化網頁的技術，其最重要的特點就是可以添加動畫效果。在CSS3中，添加多個動畫效果可以通過以下兩種方法實現。

方法一：使用逗號隔開多個動畫屬性，同時定義它們的參數。例如：

.box{
width: 100px;
height: 100px;
position: relative;
background: red;
animation-name: move, color;
animation-duration: 2s, 3s;
animation-timing-function: ease-in-out, linear;
animation-delay: 0s, 1s;
animation-iteration-count: infinite, 2;
animation-direction: alternate, normal;
}
@keyframes move{
from{left: 0;}
to{left: 200px;}
}
@keyframes color{
from{background: red;}
to{background: blue;}
}

上面的代碼定義了一個包含兩個動畫效果（move和color）的盒子，這兩個動畫效果都被定義在animation-name屬性值中，使用逗號隔開。同時還定義了各種參數，如動畫時間、動畫延遲、動畫循環次數、動畫方向等。

方法二：使用多個動畫關鍵字，分別為每個動畫效果添加動畫屬性。例如：

.box{
width: 100px;
height: 100px;
position: relative;
background: red;
}
.move{
animation-name: move;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.color{
animation-name: color;
animation-duration: 3s;
animation-timing-function: linear;
animation-delay: 1s;
animation-iteration-count: 2;
animation-direction: normal;
}
@keyframes move{
from{left: 0;}
to{left: 200px;}
}
@keyframes color{
from{background: red;}
to{background: blue;}
}

上面的代碼同樣定義了一個包含兩個動畫效果（move和color）的盒子，但是這兩個動畫效果被定義為兩個class（.move和.color），分別包含自己的動畫屬性。在HTML中，只需要為盒子添加對應的class即可。

無論是哪種方法，都可以為CSS3添加多個動畫效果。要根據實際需求選擇合適的方法，并設置好各種參數，讓網頁更加豐富多彩。