JS拖动效果，sprite制作动画

逐帧动画。又累又饿，写不下去。几个参考。

做sprite image的网址 http://spritegen.website-performance.org/  非常非常实用。

https://idiotwu.me/css3-running-animation/

http://wiki.pinyin.sogou-inc.com/index.php?title=Css3%E5%8A%A8%E7%94%BB%E9%80%90%E5%B8%A7%E5%8A%A8%E7%94%BB

windows上搜狗输入法的标识拉到最右侧会有一个动画效果并且隐藏。目前是要做一个类似的动画，拖动div到某个边值，产生一个帧动画。

 

如何拖动：用这个 https://github.com/nathco/jQuery.dragmove  拖动div并且能获得其绝对位置，这个JS文件不够用，最好能自己改这个JS文件里面的代码。

如何做动画：用N个干帧制作sprite图作为背景， step(N-1)

.skin_bg{
	margin: auto;
	transition: background-position 0.5s steps(22);
	-webkit-transition: background-position 0.5s steps(22);
	background: url("../i/zero_left.png") 0 0 no-repeat;
	background-size: auto 100%;
	background-position: right 0;
}