CSS3動畫是網頁設計中的重要一環，讓網頁不再是靜態的，而變得更加生動活潑。而一個好的CSS3動畫需要優秀的素材作為基礎，下面就為大家介紹一些CSS3動畫制作素材。

.box{
width: 200px;
height: 200px;
animation: move 2s infinite alternate;
}
@keyframes move{
from{ transform: translateX(0)}
to{ transform: translateX(300px)}
}

1. CSS3動畫庫

CSS3動畫庫是專門為CSS3動畫設計所創建的素材網站，提供了眾多優秀的CSS3動畫效果。如果需要查找一個特定的效果，這個網站可以非常方便的幫你解決。

2. Iconfont圖標庫

Iconfont圖標庫是一個非常流行的矢量圖標庫，具有很好的兼容性和擴展性，可以通過CSS3編輯器直接調整圖標的大小、顏色、陰影等效果實現動畫效果。

.box{
width: 100px;
height: 100px;
background: url('iconfont.svg') no-repeat;
animation: rotate 2s infinite linear;
}
@keyframes rotate{
from{ transform: rotate(0)}
to{ transform: rotate(360deg)}
}

3. SVG動畫庫

SVG動畫可以被應用在線條、形狀和圖標上，具有很好的分辨率、可伸縮性和互動性。其中，Animation庫提供了很多簡單實用的SVG動畫效果。

4. 音頻/視頻素材庫

音頻、視頻素材配合CSS3動畫，能夠產生更具娛樂性的效果。通過網絡搜索或者購買的方式，我們可以找到大量的音頻和視頻素材，用于我們的CSS3動畫設計。

總之，好的CSS3動畫離不開優秀的素材作為基礎。借助上述的素材，我們可以打造出更加多樣化的動畫效果。