关于 css 生成gif图片

原创 15155102848 随笔 自己瞎搞 383阅读 2017-11-24 09:53:41 举报

1.做这个 是 逛b站时 发现鼠标移入 视频下面的 金币时 金币跳动(效果自行去b站看吧)

就F12 看了看 发现挺有意思的

就准备自己写一个 :

首先想到的是 用css3 animation 实现

那就开始 写吧

html 代码

说一下,刚开始是第二个实现的 但是 发现 不对(后来有查了 一下,发现是,可以把图片切出来,每次切换一张图片)这个我没实现 小伙伴 可以动手试试

再说 发现不对以后 就找原因 百度等等

找到了 大神:http://www.zhangxinxu.com/study/201512/gif-stop-and-play-by-css3-animation.html 名字就不用我说了吧!!!

然后开始修改。结果如三。

bug:停止动画后,不像b站那样回去了,所以还是要js控制的。(或者没找到合适的方法,求个人生导师指点一二,点亮前路!)

因此:朕阵亡!(跟谁脑子好使一样)

评论 ( 3 )
最新评论
zhizhongsen 1F 2017-11-27 15:57:12 3F

学习了,把关于animation相关的知识都学习了一下真的很厉害谢谢了

15155102848 1F 2017-11-24 13:31:35 2F

一语点醒梦中人

lzh2740128806 2017-11-24 11:59:01 1F

用不着js吧

html 代码