84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
看图
这个点击的效果是如何做到的?
确实是一张图片,太没技术含量了。我想问的是如何用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动画配合图片来实现,可以去我以前写的那篇博文看下,分析了下具体的实现方法。
地址在这里,可以去瞧瞧~~~