👨‍🎓 作者：bug菌

🎉简介：在CSDN、掘金等社区优质创作者，全网合计6w粉+，对一切技术都感兴趣，重心偏java方向，目前运营公众号[猿圈奇妙屋]，欢迎小伙伴们的加入，一起秃头。

🚫特别声明：原创不易，转载请附上原文出处链接和本文声明，谢谢配合。

🙏版权声明：文章里可能部分文字或者图片来源于互联网或者百度百科，如有侵权请联系bug菌处理。

 一、前言🔥

        听说全网都在挑战这个，bug菌火急火燎，马不停蹄送来源码教学教程！快拿去送给你喜欢的那个ta吧。废话不多说，咱们先来看看代码运行效果，是不是你们想要的爱心动画？

        如上便是李珣同款爱心，代码都帮大家准备好了，接着往下看！

        若你中意的那个ta想拥有与全网不一样的爱心，比如如下，DIY文字版特效爱心，代码也帮你们准备好了，你只需要修改文字部分内容即可！不懂代码的也没关系，我会手把手教学，让你就算看不懂代码也能学会自定义文字！真的超级简单。代码教程我都放在下方了。

二、源代码🔥

        如下附上该特效核心代码，请查阅，若有完全免动手不想费力的小伙伴，可以去我的公号【猿圈奇妙屋】拿，直接回复【爱心】，即可拿到可直接运行的爱心动画文件(文件直接现成的哦！)，心动不如行动。

         回复后你点击链接再输入提取码，即可拿到一个[heart.zip]的压缩包，你们只需要下载到本地并解压即可，具体解压后得到的文件如下:

         文件可直接通过浏览器打开即可实现播放。若要修改自定义文字，你可以通过选择打开方式【记事本】选中[DIY-heart.html]文件，然后找到第36行，具体请看如下截图：

        将如下文字，修改成你想要的文字即可！比如如上我设置的就是"致我最爱的崽崽！"展示效果也就如下所示，字跟爱心跳动同频哦。

        ok，教学我都基本说完了，如下贴出火爆全网同款的爱心源码，你们只需要将如下全代码复制粘贴保存到一个[xxx.txt]记事本中，然后将[.txt]格式改成[.html]后缀，最后通过浏览器打开即可播放。

源码如下：

三、文末🔥

       我是bug菌，一名想走👣出大山改变命运的程序猿。接下来的路还很长，都等待着我们去突破、去挑战。来吧，小伙伴们，我们一起加油！未来皆可期，fighting！

        最后送大家两句我很喜欢的话，与诸君共勉！

☘️做你想做的人，没有时间限制，只要愿意，什么时候都可以start。

🍀你能从现在开始改变，也可以一成不变，这件事，没有规矩可言，你可以活出最精彩的自己。

​​​

💌如果文章对您有所帮助，就请留下您的赞吧！(#^.^#)；

💝如果喜欢bug菌分享的文章，就请给bug菌点个关注吧！(๑′ᴗ‵๑)づ╭❤～；

💗如果对文章有任何疑问，还请文末留言或者加群吧；

💞鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复参与讨论(请勿发表攻击言论，谢谢）；

💕版权声明：原创不易，转载请附上原文出处链接和本文声明，版权所有，盗版必究！！！谢谢。