贮金大冒险
贮金大冒险》（日文：コロッケ！），台湾名为《可乐小子》。是日本漫画家是由《学级王山崎》的作者樫本学原作的冒险漫画。在2000年4月号到2006年11月号的《快乐龙》杂志上连载，全15卷。亦曾改编为电视动画和电视游戏。荣获第48回小学馆漫画赏。是樫本学隔了一段时期后再次连载的冒险漫画作品，亦是该作者被连载时间最长的作品。要说起来，它是比较接近感动系的漫画，不过也包含着喜剧要素。
http://baike.baidu.com/view/3310699.htm
具体亲自行验证啦，是的话采纳哦~(●′ω`●)
★桥粒~★
PS
楼楼请采纳时看下时间，确定是谁最快提供了最佳答案，谢谢
楼下复制剽窃党自重（撞上的承让了。。。）?
这是金币图片目前的话 // 创建一个AnimationSet对象（AnimationSet是存放多个Animations的集合）AnimationSet animationSet = new AnimationSet(true)
TranslateAnimation translateAnimation = new TranslateAnimation(
0.0f, 0.0f, 0.0f, 250.0f)
// 设置动画执行的时间（单位：毫秒）
translateAnimation.setDuration(2000)
// 将RotateAnimation对象添加到AnimationSet当中
animationSet.addAnimation(translateAnimation)
// 创建一个AlphaAnimation对象（参数表示从完全不透明到完全透明）
AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0)
// 设置动画执行的时间（单位：毫秒）
alphaAnimation.setDuration(3000)
// 将AlphaAnimation对象添加到AnimationSet当中
animationSet.addAnimation(alphaAnimation)
// 使用ImageView的startAnimation方法开始执行动画
imgBtn.startAnimation(animationSet) 实现了一个金币图片 从上到下渐变的效果 但是有两个问题1.怎么判断动画是否结束,因为动画结束之后金币图片还是回到原来的位置. 2.如何实现多个图片从上到下渐变的效果
transform 不会使DOM脱离文档流，当通过 translateX 等属性值移动了元素后，它仍然占据原来的位置。好处是， transform 制作的动画会直接进入合成阶段，避开重排重绘，可以通过 Performance 录制面板来查看 transform 动画的效率。
MDN animation
深入浅出CSS动画
MDN animate()
监听 CSS animation 动画的事件:
这些监听事件对 animate() 是无效的。
页面顶部经常会见到水平无限轮播的公告。
由于轮播的内容是动态的，可能很多，也可能很少，如果公告内容的宽度没有超过最大宽度限制，那么就不应该轮播，如果超过了，则发起轮播。
假设我们永远只有一条最新的公告
原理：当一次动画执行结束时，影子内容的头部刚好对准轮播内容的初始位置，那么下次动画开始时，轮播内容将重新回到初始位置，由于影子内容与轮播内容相同，那么就给人造成一种无限轮播的错觉。
逻辑实现：父元素设置了 overflow: hidden ，又想要获取父元素、子元素的真实宽度，那么可以通过 scrollWidth 获取。
兼容性：如果不支持 animate() ，那么我们可以动态创建 <style>+ @keyframes ，插入 <head>, 但也要记得移除。
