隨著互聯網的不斷發展，網頁設計也越來越重要。HTML5作為新一代網頁標準，引入了許多新特性，其中之一就是網頁動畫功能。網頁動畫可以使得網頁更生動有趣，增強用戶體驗。

HTML5網頁動畫可以借助Canvas、SVG以及CSS3等技術實現。本文將主要介紹使用CSS3實現網頁動畫的相關代碼。

/* CSS3 transition */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 2s;
}
.box:hover {
width: 200px;
}
/* CSS3 animation */
@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50px);
}
100% {
transform: translateY(0);
}
}
.box2 {
width: 100px;
height: 100px;
background-color: blue;
animation: bounce 1s infinite;
}

上面的代碼演示了兩種不同的CSS3動畫。第一個例子使用CSS3的transition屬性，當鼠標懸浮在.box元素上時，它的寬度會從100px變為200px，動畫持續2秒。

第二個例子使用了CSS3的animation屬性，定義了一個名為bounce的動畫，通過translateY屬性實現元素的上下移動效果，動畫持續1秒，無限循環。

使用CSS3實現網頁動畫，代碼簡潔易懂，而且兼容性好，是制作網頁動畫的一種不錯的選擇。