|
最新表白代码请看原文（8.1更新，14个表白效果）：
本文共有10个表白效果。（在桌面新建一个文本文档，把代码复制进去，保留后把后缀改为html，双击就可打开页面。倘若打开的页面跟效果不同样，说明给的不是完整代码，必须去原文下载所有表白效果源码）
创建完html文件后能够直接QQ或微X发送html文件，选取浏览器打开就能够了。（有些效果没表示就必须把css和js写入html文件里面；照片不表示则必须更改照片绝对位置为照片链接，不晓得怎么生成照片链接能够先发一个仅自己可见的照片说说，而后就能够得到照片链接位置了。）
文中所有表白代码原文里面：
女伴侣生日祝福代码位置（亦能够表白）：
女伴侣网页相册效果：
尤其说明：
1、每一个网页都能够加背景音乐，body里面加下面代码就可（通常是倒数第几行）。
<audio autoplay="autoplay" loop="loop" preload="auto"
src="http://music.163.com/song/media/outer/url?id=526464145.mp3">
</audio>
音乐链接自己换，能够上网找音乐外链，能够上传自己的录音生成专属背景音乐。（我给的音乐外链可能失效）
2、每一个网页都能够加文字，body里面加下面代码就可（通常是倒数第几行）。
<b style=" position:absolute;
width: 50%;
top:70%;left:25%;
text-align: center;
transform:translateY(-50%);
font-family: Love Ya Like A Sister, cursive;
font-size: 40px;
color: #c70012;
padding: 0 20px;">每次遇见你都心跳加速。</b>
样式自己调一下，例如颜色（color）、距离顶部距离（top）、里面的文字等等。
部分代码效果能够去看我的视频：
代码1：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>跳动爱心</title>
<style>
*{
padding: 0;
margin: 0;
}
body{
bac公斤round-color: pink;
}
#frame{
position: relative;
width: 400px;
height: 300px;
margin: 250px auto;
}
.left,.right{
top: 0;
width: 200px;
height: 200px;
border-radius: 50%;
}
.left{
left: 35px;
}
.right{
right: 35px;
z-index: -1;
}
.bottom{
bottom: 36px;
left: 100px;
width: 200px;
height: 200px;
transform: rotate(45deg);
z-index: -1;
}
...
</style>
</head>
<body>
<div id="frame">
<div class="heart left"></div>
<div class="heart right"></div>
<div class="heart bottom"></div>
</div>
</body>
</html>
效果1：
代码2：
<!doctype html>
<html>
<head>
<meta
| 
发表于 2024-6-30 02:44:33
