javascript - tumblr的like效果是如何做的
天蓬老师
天蓬老师 2017-04-10 12:47:51
0
3
579

看图

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

reply all(3)
Peter_Zhu

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

洪涛

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

从 Tumblr 上扒下来放到 CodePen 上了(CSS没有精简请见谅),请步移:

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

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

洪涛

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

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!