马上就要情人节了，这段时间我会陆续出一些表白代码，绝对实用！
核心代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>爱在心中</title>
<style>
body {
background: #000;
height: 100vh;
overflow: hidden;
}
#ui .love {
position: absolute;
top: 50%;
left: 50%;
margin: -225px 0 0 -225px;
}
#ui .love:last-child .love_word {
color: red;
font-size: 3.5rem;
text-shadow: 0 0 10px red;
}
#ui .love_word {
color: #fff;
font-size: 1.4rem;
transform: translateY(-100%) rotateZ(-30deg);
font-family: 'Dosis', sans-serif;
text-shadow: 0 0 10px #ffc800;
letter-spacing: 2px;
}
#ui .love_horizontal {
animation: horizontal 10000ms infinite alternate ease-in-out;
}
#ui .love_vertical {
animation: vertical 20000ms infinite linear;
}
#ui .love:nth-child(1) .love_horizontal {
animation-delay: -300ms;
}
77.5% {
transform: translateY(441.17647px);
}
79% {
transform: translateY(428.57143px);
}
100% {
transform: translateY(180px);
}
}
</style>
</head>
<body>
<div id="ui">
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">爱</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">biu~biu~</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">爱</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">love</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">啵啵啵</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">爱</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">love</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">小姐姐</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">我喜欢你</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">和我</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">在一起</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">好吗</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">爱</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">爱你哟</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">么么哒</div>
</div>
</div>
</div>
<div class="love">
<div class="love_horizontal">
<div class="love_vertical">
<div class="love_word">Love</div>
</div>
</div>
</div>
</div>
<div><img style="position:absolute;
z-index:-1;
top:40%;
width:250px;
height:200px;
left:45%;"
src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1608466964941&di=5e4f0bb44403c4980e8f914d234edfdd&imgtype=0&src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F7834060435%2F1000.jpg"></div>
<audio autoplay="autoplay" loop="loop" preload="auto"
src="https://rx01-sycdn.kuwo.cn/8f9d03e6d8edce4f84e3592a79d5b1ca/6020b01b/resource/n3/27/84/3333627140.mp3">
</audio>
</body>
</html>
代码补充： 上述只是核心代码，并不是全部代码。
整个项目在我的资源里面：
情人节表白代码（2）
这个资源是免费的，只要关注博主即可免费领取，里面有使用说明。
效果：
照片，表白话语和音乐都可以改。