标签:webkit eps ext nim inf ini mat ram frame
<style type="text/css"> .hi { width: 50px; height: 72px; background-image: url("http://s.cdpn.io/79/sprite-steps.png"); -webkit-animation: play .8s steps(10) infinite; -moz-animation: play .8s steps(10) infinite; -ms-animation: play .8s steps(10) infinite; -o-animation: play .8s steps(10) infinite; animation: play .8s steps(10) infinite; } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-moz-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-ms-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-o-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @keyframes play { from { background-position: 0px; } to { background-position: -500px; } } </style> </head> <body> <img src="http://s.cdpn.io/79/sprite-steps.png" /> <div class="hi"></div> </body>
标签:webkit eps ext nim inf ini mat ram frame
原文地址:http://www.cnblogs.com/candy-Yao/p/7436086.html