Skip to content

he-weilai/love-code

Repository files navigation

❤️爱心代码集合

🤩使用方法

💌本地使用

html 代码文件下载至本地,并使用浏览器打开

💌在线预览

  • HTML代码点击网址即可在线预览效果

注意:在电脑端显示效果最佳,手机端可能无法正常显示

文件 网页效果 说明
love.html http://heweilai.com/love-code/love.html 爱心代码初版
love-add.html http://heweilai.com/love-code/love-add.html 在爱心中增加了文字
love2.html http://heweilai.com/love-code/love2.html 点击屏幕爱心飞屏效果
love-add2.html http://heweilai.com/love-code/love-add2.html 添加背景图片
love-add3.html http://heweilai.com/love-code/love-add3.html 爱心代码跳动效果
love3.html http://heweilai.com/love-code/love3.html 文字满屏漂浮效果
love4.html http://heweilai.com/love-code/love4.html 文字随机掉落炫酷黑客代码效果
流星雨.html http://heweilai.com/love-code/stars.html 流星雨效果
星空特效.html http://heweilai.com/love-code/star.html 星空旋转效果
--- --- ---
  • 其它语言代码下载或者复制在相应编译器中运行查看效果

欢迎大家一起来创造更多好看的爱心效果!🍉

👨‍💻代码规范

  • 如果要增加更多好看的爱心代码,则 PR 时 HTML 文件以 love2 、love3 、love4 依次命名,如果有对应的独立 CSS 和 JavaScript 文件,则命名为 love2.css 和 love2.js 。一种效果如果有多个代码文件则统一放在一个文件夹中,例如 love2.html,love2.css,love2.js 放在文件夹 love2 中
  • 如果是增加功能,可以重写代码合并。但是更推荐采用保留原文件,新增一个原文件名-add的文件的方式。例如首先有一个 love.html 文件,新增代码则新建一个 love-add.html 文件,增加第二次功能则新建一个 love-add2.html 文件

以上代码收集于互联网开源代码,只作为兴趣爱好收集,不作任何商业用途,如有侵权,请告知删除

联系我

🍊微信:

加好友备注github

微信号_243x239