共计 1728 个字符，预计需要花费 5 分钟才能阅读完成。
又到了一年一度的七夕情人节啦！论表白能力，怎么能少得了神通广大的程序员呢？
正所谓表白千万条，一次就胜利。想把说不出的表白，用代码活泼地体现进去，不是更好吗？于是乎，程序员们就开始本人写表白代码，或者在网上找表白代码素材 ……
然而，找了半天没找到好的代码素材？本人写费时费力，成果还没达到预期？那么，奇想派就在这里给大家奉上七个精美的表白代码！顺便教大家如何批改源码的计划，能疾速自用。
1、《在线版 - 情人节粒子成果文字表白》
Valentine 七夕情人节表白
源码地址：https://github.com/tsunghanja…
在线演示：https://tsunghanjacktsai.gith…
点击屏幕，就能有粒子成果的文字变动，是不是很高大上？这个前端代码属于高级撩妹法。
改源码疾速自用
要应用这套模板，须要批改代码门路 valentine/scripts/main.js 里的上面截图所示，即可更改对应变动的文字了。
Valentine 七夕情人节表白须要批改额源码地位
2、《在线版 - 情人节高兴卡通滚动的表白》
在线版 - 七夕情人节高兴卡通滚动的表白.gif
源码地址：https://github.com/tsunghanja…
在线演示：https://zxpsuper.github.io/De…
这个表白代码挺乏味，滚动的漫画，形容着单方的点点滴滴，这种从生存角度登程的表白，最能触动妹子的心弦。只须要改变把源码下载下来，改变一些适宜单方的经验文字，就能应用啦，当然怕麻烦能够间接用在线版。
改源码疾速自用
次要的改源码思路是替换图片，图片在门路：/post-images/
七夕改源码
3、《在线版 - 敲前端 css 代码秀操作的表白》
在线敲前端 css 代码秀操作的表白
源码地址：https://github.com/yacan8/val…
在线演示：https://yacan8.github.io/vale…
改源码疾速自用
比拟好改的，就是后面一段正文，能够改成本人的心田心里话。
改正文
而后其余的可操作性性比拟差一些，须要对前端 css 有比拟深刻的理解，能力批改。
批改后须要编译哦，改完后要在我的项目目录执行上面命令：
前提须要先下载 nodejs，自行查阅 https://nodejs.org/zh-cn/down… run inpm run build
从新打包后，在 dist 目录就有编译好后的代码啦！
4、《在线版 - 代码叙述着咱们的爱情故事》
咱们的爱情故事表白
源码地址：https://github.com/Germey/Val…
在线演示：https://love.cuiqingcai.com/
全程敲代码大略敲了有两分多钟，这个是小白都看得懂的代码含意，浅显易懂，又暗自装逼着，让妹子既打动又崇拜着你。
改源码疾速自用
比拟好改，在 /index.html 目录下，把文字替换成本人想写的。
七夕改源码
5、《在一起的工夫进行时文字表白》
在一起的工夫进行时文字表白
源码地址：文末有地址
沉没的爱心，“在一起”的工夫，情意如同追随秒数的跳动愈发打动着妹子。
其实这段代码外围改变方向是改文字，看你文笔如何了，自身代码特效也就只有沉没的爱心这种水平了。
6、《满屏都是爱你的心》
满屏都是爱你的心
源码地址：文末有地址
在线演示：https://www.jq22.com/demo/jQu…
整个屏幕都是爱心在飘动，还有各色表白文字，让满屏都是爱你的心。
简略点评：有点奔放的感觉，适宜疾速表白的程序员。
7、《满树都是爱你的心》
满树都是爱你的心
源码地址：文末有地址
在线演示：https://www.jq22.com/demo/jQu…
情意已到，种下了恋情树，最终长满了爱你的心。
简略点评：也是记录经验的代码，有漂亮的动效、有爱心的树叶、还有程序员缓缓的情话，感动妹子不在话下。
关注微信公众 hao【编程达人】，回复关键字“77”，即可取得本文 5、6、7 的七夕全副源码！
博主集体博客网站：奇想派
本文原创作者：奇想派、一名致力分享的程序员。
文章首发平台：微信公众号【编程达人】
原创不易！各位小伙伴感觉文章不错的话，无妨关注公众号，进行点赞（在看）、转发三连走起！谢谢大家！
