外链论坛

 找回密码
 立即注册
搜索
查看: 137|回复: 2

情人节表白代码大全

[复制链接]

3062

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138980
发表于 2024-6-30 02:44:33 | 显示全部楼层 |阅读模式

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




上一篇:HTML5七夕情人节表白网页(爱情树 Html5实现唯美表白动画代码) HTML+CSS+JavaScript
下一篇:HTML是基于什么语言编写的?
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-23 09:29:38 | 显示全部楼层
“板凳”(第三个回帖的人)‌
回复

使用道具 举报

3121

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108633
发表于 6 天前 | 显示全部楼层
这篇文章真的让我受益匪浅,外链发布感谢分享!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 10:14 , Processed in 0.120675 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.