HTML動漫效果是一種在網(wǎng)頁上添加動畫動作的特效，可以吸引用戶的注意力，讓網(wǎng)頁更加生動有趣。下面是一些常用的HTML動漫效果代碼。

<style>
/* 以下為CSS代碼 */
#box {
width: 100px;
height: 100px;
background-color: blue;
position: relative;
animation: move 2s linear infinite;  /* 移動動畫 */
}
@keyframes move {
from { left: 0; }  /* 從左邊開始 */
to { left: 200px; }  /* 移動到200px位置 */
}
</style>
<div id="box"></div>

上面的代碼使用了CSS3的animation屬性，通過定義關(guān)鍵幀的位置來實現(xiàn)元素的移動動畫。通過修改關(guān)鍵幀位置和時間，可以實現(xiàn)不同的動畫效果。

<style>
/* 以下為CSS代碼 */
#box {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation: rotate 1s linear infinite;  /* 旋轉(zhuǎn)動畫 */
}
@keyframes rotate {
from { transform: rotate(0deg); }  /* 從0度開始旋轉(zhuǎn) */
to { transform: rotate(360deg); }  /* 一周后回到原先位置 */
}
</style>
<div id="box"></div>

上面的代碼使用了CSS3的transform屬性實現(xiàn)了旋轉(zhuǎn)動畫?？梢酝ㄟ^修改旋轉(zhuǎn)的角度和時間，實現(xiàn)不同的旋轉(zhuǎn)動畫效果。

當(dāng)然，HTML動漫效果不僅僅只有移動和旋轉(zhuǎn)，還可以通過其他CSS屬性來實現(xiàn)更多不同的動畫效果。

<style>
/* 以下為CSS代碼 */
#box {
width: 100px;
height: 100px;
background-color: yellow;
position: relative;
animation: bounce 1s linear infinite;  /* 彈跳動畫 */
}
@keyframes bounce {
0% { top: 0; }  /* 初始位置 */
25% { top: 50px; }  /* 向下彈跳 */
50% { top: 0; }  /* 回到原點 */
75% { top: -50px; }  /* 向上彈跳 */
100% { top: 0; }  /* 回到原點 */
}
</style>
<div id="box"></div>

上面的代碼使用了CSS3的top屬性實現(xiàn)了彈跳動畫。可以通過調(diào)整關(guān)鍵幀位置，實現(xiàn)不同的彈跳動畫效果。

總的來說，HTML動漫效果的代碼可以使用CSS3的animation、transform、transition等屬性來實現(xiàn)。不同的屬性和值可以組合使用，創(chuàng)造出更多更復(fù)雜的動畫效果。