HTML5作為一種十分流行的前端開發語言，為網頁制作帶來了許多新的動畫效果。下面我們將通過pre標簽展示一些用HTML5制作動畫的代碼示例。

/* 1、簡單的淡入淡出動畫效果 */ 
.fade-in {
opacity: 0;
transition: opacity 0.3s ease-in-out; /* 過渡時間 */
}
.fade-in.show {
opacity: 1;
}
/* 2、旋轉動畫效果 */
.rotate {
animation: rotate 2s infinite linear; /* 動畫時間、重復次數及類型 */
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* 3、縮放動畫效果 */
.scale {
animation: scale 2s ease-out; /* 動畫時間和類型 */
}
@keyframes scale {
from { transform: scale(1); }
to { transform: scale(1.5); }
}

以上代碼只是HTML5動畫效果的冰山一角，使用HTML5還可以開發許多其他形式的動畫，比如動態圖形、粒子效果等。通過HTML5動畫，可以為網頁增添生動的視覺效果，為用戶提供更好的體驗。