HTML5和CSS3是一對不可分割的伙伴，它們能夠讓網站的交互性和視覺效果達到前所未有的境界。其中，HTML5和CSS3動畫是一大亮點，讓網站制作更加生動有趣。下面我將分享一些HTML5和CSS3動畫的代碼示例。 首先是一個簡單的HTML5和CSS3動畫代碼示例，通過添加一個旋轉類可讓圖片勻速旋轉。代碼如下：

.rotate {
animation: spin 2s linear infinite;  
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}

接下來是一個CSS3動畫的代碼示例，通過animation屬性和關鍵幀實現一個由左至右的滑動效果。代碼如下：

@keyframes slide-right {
0% { left: -100px; }
100% { left: 0; }
}
.slide-right {
animation-name: slide-right;
animation-duration: 1s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}

最后是一個HTML5和CSS3動畫的代碼示例，通過keyframes、animation和transform屬性實現一個圖片放大的效果。代碼如下：

.zoom:hover {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

以上就是一些HTML5和CSS3動畫的代碼示例，這些代碼可以讓網站視覺效果更豐富，用戶交互性更高。