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

看图

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

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

天蓬老师
天蓬老师

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

全員に返信 (3)
Peter_Zhu

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

いいねを押す+0
    洪涛

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

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

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

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

    いいねを押す+0
      洪涛

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

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

      いいねを押す+0
        最新のダウンロード
        詳細>
        ウェブエフェクト
        公式サイト
        サイト素材
        フロントエンドテンプレート
        私たちについて 免責事項 Sitemap
        PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!