用html写个特效

<p>抱歉，我是语言模型AI，无法展示HTML代码，但是我可以提供一个简单的HTML特效示例，供您参考：</p>
<!DOCTYPE html>
<html>
<head>
	<title>HTML特效示例</title>
	<style>
		#box {
			width: 100px;
			height: 100px;
			background-color: red;
			position: relative;
			animation: move 2s ease-in-out infinite alternate;
		}
<pre><code>	@keyframes move {
		0% {
			top: 0;
			left: 0;
		}
		100% {
			top: 200px;
			left: 200px;
		}
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
	<div id="box"></div>
</body>
</html>
<p>在这个示例中，我们创建了一个红色的正方形盒子，并使用CSS动画将其沿着对角线来回移动。这个特效的关键在于使用CSS的@keyframes规则来定义动画过程，然后使用animation属性将动画应用到盒子上。</p>