HTML5圖展示特效代碼是現代網頁設計中非常流行的一種技術，可以給網頁帶來更加生動、美觀的視覺效果。下面是一個簡單的HTML5圖展示特效代碼示例：

首先，在HTML文檔中添加一個canvas元素：

<canvas id="myCanvas" width="500" height="500"></canvas>

然后，在JavaScript文件中添加以下代碼：

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
var x = 100, y = 100, r = 50;
function drawCircle() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.arc(x, y, r, 0, 2 * Math.PI);
ctx.fillStyle = "#ff0000";
ctx.fill();
if (x + r >canvas.width) {
x = canvas.width - r;
r -= 10;
if (r< 10) {
clearInterval(interval);
}
}
x += 5;
}
var interval = setInterval(drawCircle, 30);

上面的代碼將在canvas畫布上繪制一個紅色的圓，然后使圓從屏幕左側向右移動，并且當圓到達屏幕右側時，圓的半徑每次減小10像素，直到半徑小于10，最后停止動畫效果。

通過使用HTML5圖展示特效代碼，我們可以實現更加復雜、生動的動畫效果，增強網頁的互動性和視覺吸引力。