HTML5作為最新的HTML標準，不僅支持更多的語義化標簽，還擁有了制作動畫效果的強大能力。下面是一個簡單的HTML5動畫效果代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5動畫效果示例</title>
</head>
<body>
<canvas id="myCanvas" width="500" height="300"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = 50;
var y = 50;
var dx = 5;
var dy = 5;
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.arc(x, y, 20, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
x += dx;
y += dy;
if(x + dx >canvas.width-20 || x + dx< 20) {
dx = -dx;
}
if(y + dy >canvas.height-20 || y + dy< 20) {
dy = -dy;
}
}
setInterval(draw, 10);
</script>
</body>
</html>這個例子實現了一個小球在畫布上的自動反彈運動動畫效果。其中，我們使用了HTML5中的<canvas>標簽來創建畫布對象，并通過JavaScript代碼在畫布上繪制了圓形，并且每隔一定時間就會重新調用繪制方法實現動畫效果。
HTML5的動畫制作不僅僅限于使用畫布對象，還可以通過CSS3和JavaScript相結合的方式實現各種炫酷的動畫效果。例如，可以通過CSS3中的Transform屬性來實現平移、旋轉、縮放等動畫效果；通過HTML5內置的Web Animation API來實現更為高級的動畫控制。
總之，HTML5作為一種更加強大的Web前端技術，為我們開發出更為動態、豐富的前端交互效果提供了有力的支持。