将 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 文件
本人尚在学习中,如有不当之处,还望各位大佬前辈指正!
以上代码收集于互联网开源代码,只作为兴趣爱好收集,不作任何商业用途,如有侵权,请告知删除
👨💻作者:花无缺
加好友备注github