javascript - tumblr的like效果是如何做的
天蓬老师
天蓬老师 2017-04-10 12:47:51
[JavaScript讨论组]

看图

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

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

天蓬老师
天蓬老师

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

全部回复(3)
天蓬老师

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

PHP中文网

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

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

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

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

PHP中文网

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号