今天我要向你表白，但是，我不想用傳統的方式。我想用HTML5和CSS3來表達我的心意。
首先，讓我來展示一下表白代碼的骨架：
<html>
<head>
<title>我愛你</title>
<style>
body {
background: pink;
}
h1 {
color: white;
text-align: center;
font-family: "Microsoft YaHei";
font-size: 4em;
margin-top: 100px;
}
</style>
</head>
<body>
<h1>我愛你</h1>
</body>
</html>這個代碼很簡單，只需要一個h1標簽和一些CSS樣式就可以實現。但是，這只是最基本的表白代碼。
現在，讓我們來添加一些逼格更高的效果。比如，給字母添加動畫效果：
<html>
<head>
<title>我愛你</title>
<style>
body {
background: pink;
}
h1 {
color: white;
text-align: center;
font-family: "Microsoft YaHei";
font-size: 4em;
margin-top: 100px;
}
span {
animation-name: color-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes color-animation {
0% {
color: white;
}
50% {
color: pink;
transform: scale(1.5);
}
100% {
color: white;
}
}
</style>
</head>
<body>
<h1>我<span>愛</span><span>你</span></h1>
</body>
</html>現在，我們的字母已經有了一個縮放和變色的動畫效果。不過，我覺得還不夠。讓我們試試添加一個背景音樂來為表白助興：
<html>
<head>
<title>我愛你</title>
<style>
body {
background: pink;
}
h1 {
color: white;
text-align: center;
font-family: "Microsoft YaHei";
font-size: 4em;
margin-top: 100px;
}
span {
animation-name: color-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes color-animation {
0% {
color: white;
}
50% {
color: pink;
transform: scale(1.5);
}
100% {
color: white;
}
}
</style>
</head>
<body>
<h1>我<span>愛</span><span>你</span></h1>
<audio src="song.mp3" autoplay loop></audio>
</body>
</html>現在，我們的表白代碼已經非常完美了！這個代碼不僅表達了我的心意，還有動畫和音樂等互動元素。我相信，這樣的表白，一定能夠打動你的心。