xqk1 / love-code

❤️爱心代码集合 by 🌸花无缺

❤️爱心代码集合

🤩使用方法

💌本地使用

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

💌在线预览

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

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

文件	网页效果	说明
love.html	http://huawuque404.com/love-code/love.html	爱心代码初版
love-add.html	http://huawuque404.com/love-code/love-add.html	在爱心中增加了文字
love2.html	http://huawuque404.com/love-code/love2.html	点击屏幕爱心飞屏效果
love-add2.html	http://huawuque404.com/love-code/love-add2.html	添加背景图片
love-add3.html	http://huawuque404.com/love-code/love-add3.html	爱心代码跳动效果
love3.html	http://huawuque404.com/love-code/love3.html	文字满屏漂浮效果
love4.html	http://huawuque404.com/love-code/love4.html	文字随机掉落炫酷黑客代码效果
流星雨.html	http://huawuque404.com/love-code/stars.html	流星雨效果
星空特效.html	http://huawuque404.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 文件

本人尚在学习中，如有不当之处，还望各位大佬前辈指正！

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

👨‍💻作者：花无缺

联系我

📢博客：https://blog.csdn.net/huawuque404

🍊微信：

加好友备注github