最新表白代码请看原文(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
|