tumblr的like效果是如何做的

Question

看图

这个点击的效果是如何做到的？

确实是一张图片，太没技术含量了。我想问的是如何用js实现这种功能

Answer 1

回答问题起码先看看源码去吧？看到会动的就是 GIF 是不科学的。

从 Tumblr 上扒下来放到 CodePen 上了（CSS没有精简请见谅），请步移：

http://codepen.io/sourbell/pen/phodq

其实就一句话，动画效果是用 -keyframes 实现的。

Answer 2

几个月前看到这个效果，顺便还写了一篇博客来分析tumblr的like按钮的实现原理，就是用CSS3动画配合图片来实现，可以去我以前写的那篇博文看下，分析了下具体的实现方法。
地址在这里,可以去瞧瞧~~~

http://janily.github.com/life...

Answer 3

做两个GIF，固定时长的，点击时再把GIF显示出来，达到了时长后把它隐藏。