HTML5網頁的特效可以讓網頁變得更加生動有趣，使用戶的瀏覽體驗得到極大的提升。下面列舉出一些HTML5特效的代碼示例。

/* 第一種特效：鼠標懸停時圖片變暗 */
img:hover {
filter: brightness(70%);
}
/* 第二種特效：文字隨鼠標移動 */
WEBDEV
.move-text:hover span{
transform: translateX(-5px);
}
/* 第三種特效：圖片自旋轉 */
.spinner {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* 第四種特效：文本輸入動畫 */
input:focus {
outline: none;
border-bottom: 2px solid #2ecc71;
}
label {
display: block;
position: relative;
margin: 50px 0;
}
label span {
position: absolute;
bottom: 10px;
left: 0;
font-size: 18px;
color: #ccc;
transition: all 0.3s ease-in-out;
}
input[type="text"]:focus ~ span, 
input[type="email"]:focus ~ span, 
input[type="password"]:focus ~ span {
transform: translateY(-25px);
font-size: 14px;
color: #2ecc71;
}

以上代碼只是HTML5特效的冰山一角，還有很多其他的特效可以讓網頁更加生動有趣，值得花時間去探索和嘗試。