CSS3是一種強大的樣式語言，它可以用來實現各種各樣的動畫效果。在本文中，我們將介紹一些CSS3動畫效果代碼，讓你的網站更生動有趣！ 首先，讓我們來看看一個簡單的動畫效果代碼。下面的代碼將創建一個抖動的效果，讓你的文本或圖片更有趣：

.shake {
animation: shake 0.5s;
animation-iteration-count:3;
}
@keyframes shake{
0%{ transform: translate(0,0); }
20%{ transform: translate(-10px,0); }
40%{ transform: translate(10px,0); }
60%{ transform: translate(-10px,0); }
80%{ transform: translate(10px,0); }
100%{ transform: translate(0,0); }
}

上面的代碼首先定義了一個類名為“ shake”，它將應用于想要實現抖動效果的元素上。接下來，我們使用CSS3的“ animation”屬性來定義動畫的具體細節。在這里，我們使用了“ shake”關鍵詞，它指向定義動畫的代碼塊。 在定義動畫的代碼塊中，我們使用了“ @keyframes”關鍵詞.它是定義CSS3動畫的核心。我們首先定義了一個百分比值為0的關鍵幀，然后定義了一個20%的關鍵幀，接著是40%、60%、80%和100%。在這里，我們使用了“ transform”屬性來實現元素的平移效果，這定義了元素在動畫過程中的位置。最后，我們將動畫的間隔時間設置為0.5秒，使用“ animation-iteration-count”屬性來指定動畫循環的次數。 除了上面的抖動效果，還有很多其他的CSS3動畫效果可以使用。例如，你可以使用“ scale”屬性來縮放元素，使用“ rotate”屬性來旋轉元素，使用“ fade”屬性來淡入淡出元素等等。所有這些都可以使用類似上述代碼的方式來實現。 總之，CSS3動畫是一個非常有趣的技術，可以為你的網站增加生動感。上面的代碼只是一個示例，你可以用它為靈感來創建自己的CSS3動畫效果。