今天刷到一个挺有意思的短视频，说的是一个用代码做动画的小技巧，能让一张静态的心形图片“嘭嘭嘭”地跳动起来，就像真的一颗心脏在跳动一样。视频里还配一段挺伤感的文字：“如果你不爱我就把我的心还我”。
我看完就寻思着，这玩意儿挺好玩，我也来试试！
第一步：找素材
我先去网上扒拉一张心形的图片，红色的那种，看着比较喜庆。然后我又找一段“嘭嘭嘭”的心跳声，准备等下加到动画里头。
第二步：写代码
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
这部分我可费老鼻子劲！我平时也不咋写代码，这回算是赶鸭子上架。我照着视频里的样子，一点一点地敲代码。
我把心形图片放到一个div里头。
然后，我用CSS给这个div加个动画效果。这个动画效果就是让图片一会儿放大，一会儿缩小，看起来就像心跳一样。
我用一点JavaScript代码，把心跳的声音加进去。这样，图片跳动的时候，就会有“嘭嘭嘭”的声音。
第三步：调试
代码写完，我赶紧打开浏览器看看效果。还真像那么回事！图片在那里“嘭嘭嘭”地跳，还有声音，挺带感的！
不过我发现图片跳动的速度有点慢，跟视频里的不太一样。我又回去改改代码，把动画的时间调短一点。这回再看，就跟视频里的一模一样！
总结
这回实践还挺成功的。虽然过程有点曲折，但结果还是挺满意的。以后再看到啥有意思的小技巧，我还得继续试试！
对，我还把这段动画发给我的朋友们看，他们都说我太有才！哈哈，这下我可嘚瑟！
