body{margin:0;width:512px;height:256px;background:#000;overflow:hidden;}#view{width:512px;height:256px;position:relative;overflow:hidden;}@-webkit-keyframes bgscroll{0%{left:0;}100%{left:-88px;}}#bg{-webkit-animation:4s bgscroll .0s linear none infinite alternate;width:600px;height:256px;position:absolute;left:0;}#bg,#text,#damage{position:absolute;}#text{left:128px;width:256px;height:256px;overflow:hidden;position:absolute;top:0;}#text img{width:256px;position:absolute;}#damage2{width:400px;position:absolute;top:0;left:400px;}#damage1{width:400px;position:absolute;top:0;left:0;}@-webkit-keyframes textchange{0%{top:0;clip:rect(0px,0px,256px,0px);}10%{top:0;clip:rect(0px,256px,256px,0px);}20%{top:-236px;clip:rect(256px,256px,472px,0px);}30%{top:-472px;clip:rect(472px,256px,696px,0px);}40%{top:-676px;clip:rect(696px,256px,904px,0px);}50%{top:-864px;clip:rect(904px,256px,1082px,0px);}60%{top:-1082px;clip:rect(1082px,256px,1240px,0px);}70%{top:-1230px;clip:rect(1240px,256px,1460px,0px);}80%{top:-1440px;clip:rect(1460px,256px,1660px,0px);}90%{top:0;clip:rect(0px,0px,256px,0px);}}#text img{clip:rect(0px,0px,256px,0px);-webkit-animation:30s textchange step-end infinite;}@-webkit-keyframes textrnd{0%{top:4px;}10%{top:2px;}20%{top:7px;}30%{top:5px;}40%{top:4px;}50%{top:2px;}60%{top:4px;}70%{top:8px;}80%{top:3px;}90%{top:7px;}100%{top:1px;}}#text{-webkit-animation:1.3s textrnd .0s steps(11) infinite;}@-webkit-keyframes rnd{10%{top:0;left:0;}20%{top:-140px;left:-300px;}30%{top:-100px;left:-40px;}40%{top:-33px;left:-60px;}}#damage{-webkit-animation:2.4s textrnd step-end infinite;}​