帮我提供一个'祝你生日快乐'的html代码。
于是我用html写了一个简单的页面:点击后会显示自己来到这个世界多久以及祝福的话语，滑动后就是一个旋转的相册(有背景音乐)。
原始链接:
Html生日快乐代码
核心代码(不完整的代码):
#头
{
宽度:100%；
身高:100%；
位置:绝对；
-WebKit-transform-style:preserve-3d；
-WebKit-动画:东华15s线性0s无限；
-moz-transform-style:preserve-3d；
-墨子-动漫:东华15s线性0s无限；
-ms-transform-style:preserve-3d；
-ms-animation:东华25s线性0s无限；
}
#标题分区
{
位置:绝对；
top:0；
左:0；
宽度:300px
高度:400px
边框:1px实心#000
文本对齐:居中；
行高:100 px；
}
# head div:n-child(1)
{
-WebKit-transform:rotateY(0 deg)translate z(400 px)；
-moz-transform:rotateY(0 deg)translate z(400 px)；
-ms-transform:rotateY(0 deg)translate z(400 px)；
背景:URL(images/01 . png)；
背景-尺寸:封面；
}12345678910111213141516171819202122232425262728293031
heart . prototype . draw = function(){
this . size-= this . speedsize；
this . x+= this . speedx；
this . y+= this . speedy；
CTX . save()；
ctx.translate(-1000，this . y)；
ctx.scale(this.size，this . size)；
CTX . begin path()；
for(var I = 0；我& lt精度；i++) {
var vector = this . vertices[I]；
ctx.lineTo(vector.x，vector . y)；
}
CTX . global alpha = this . size；
CTX . shadow blur = math . round((3-this . size)* 10)；
ctx.shadowColor = "hsla(0，100%，60%，0.5)"；
CTX . shadowoffsetx = this . x+1000；
CTX . globalcompositeoperation = " screen "
CTX . close path()；
ctx.fill()
CTX . restore()；
};
函数渲染(a){
requestAnimationFrame(render)；
hearts.push(新心脏())
ctx.clearRect(0，0，ww，wh)；
for(var I = 0；我& lthearts.lengthi++) {
红心[我]。draw()；
如果(红心[我]。大小& lt= 0){
hearts.splice(i，1)；
I-；
}
}
}
onResize()；
window . addevent listener(" mousemove "，on move)；
window . addevent listener(" touch move "，on move)；
window . addevent listener(" resize "，on resize)；
requestAnimationFrame(render)；
window .οon load =函数starttime(){
时间(h1，' 2000，1，1 ')；//出生时间
ptimer = setTimeout(starttime，1000)；//添加计时器
}
函数时间(obj，futimg){
var nowtime =新日期()。getTime()；//现在时间转换成时间戳。
var futruetime =？新日期(未来)。getTime()；//将未来时间转换为时间戳
var msec = now time-futruetime；//毫秒未来时间-当前时间
var time =(msec/1000)；？//ms /1000
var day = parse int(time/86400)；//天？24*60*60*1000
var hour = parseInt(时间/3600)-24 *天；//小时数60*60总小时数-过去小时数=当前小时数
var minute = parseInt(时间% 3600/60)；//分钟-(天*24)整体取60秒，取剩余秒。秒/60是分钟。
var second = parseInt(时间% 60)；？//整体取60秒，取剩余秒。
Obj.innerHTML= "陈陈
返回true
}123456789101112131415161718192021222324252627282930313233343536373 8394041424344454647484950515253545556575859606162
效果如下:
这里的文字可以自己修改，时间会一直动，出生时间会改成你女朋友的。
有滑动后旋转的照片:
可以自己改照片。
补充:
很多朋友想在手机上打开文件，需要更改图片的地址和音频的地址(可以发一个只有自己看得见的talk，然后就可以生成图片的链接地址)。这时候只要发一个html文件就可以用手机浏览器打开了。
上图的地址换成了图片的链接网址(一* * *十)。
对于音频文件，我在这里提供一个链接(可能已经过时):/upload/dance/2020 03 05/d 1 E8 db 5 EB 16a 57732 BDD 636 c 759 da 034 . MP3。
上图中的地址改为音频的链接网址。
你可以在网上找到音乐链接。
如果是特定的录音，可以用这种方法:以邮件附件的形式给自己发邮件，比如QQ邮箱，把音乐以附件的形式附在里面。收到邮件时用来下载附件的地址就是歌曲的下载链接。
完成项目:
有我自己找的十张照片和两张背景音乐(可以改成自己的录音)，还有使用说明。
完整的项目地址:html生日快乐代码