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 )
最新评论
学习了,把关于animation相关的知识都学习了一下真的很厉害谢谢了
一语点醒梦中人
用不着js吧
html 代码