看图
这个点击的效果是如何做到的?
确实是一张图片,太没技术含量了。我想问的是如何用js实现这种功能
欢迎选择我的课程,让我们一起见证您的进步~~
做两个GIF,固定时长的,点击时再把GIF显示出来,达到了时长后把它隐藏。
回答问题起码先看看源码去吧?看到会动的就是 GIF 是不科学的。
从 Tumblr 上扒下来放到 CodePen 上了(CSS没有精简请见谅),请步移:
http://codepen.io/sourbell/pen/phodq
其实就一句话,动画效果是用 -keyframes 实现的。
几个月前看到这个效果,顺便还写了一篇博客来分析tumblr的like按钮的实现原理,就是用CSS3动画配合图片来实现,可以去我以前写的那篇博文看下,分析了下具体的实现方法。地址在这里,可以去瞧瞧~~~
http://janily.github.com/life...
做两个GIF,固定时长的,点击时再把GIF显示出来,达到了时长后把它隐藏。
回答问题起码先看看源码去吧?看到会动的就是 GIF 是不科学的。
从 Tumblr 上扒下来放到 CodePen 上了(CSS没有精简请见谅),请步移:
其实就一句话,动画效果是用 -keyframes 实现的。
几个月前看到这个效果,顺便还写了一篇博客来分析tumblr的like按钮的实现原理,就是用CSS3动画配合图片来实现,可以去我以前写的那篇博文看下,分析了下具体的实现方法。
地址在这里,可以去瞧瞧~~~