实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS animation-timing-function 属性 实例 - 自学教程(runoops.com)</title> <style> #pic { height: 90px; width: 65; background-position: -40px -44px; background-image: url("//demo.runoops.com/static/img/space-to-top.png"); animation: .6s go steps(7) infinite; } @keyframes go { 0% { background-position-x: -40px; } 100% { background-position-x: -1040px; } } </style> </head> <body> <p><strong>注意:</strong> animation-timing-function 属性不兼容 Internet Explorer 9 以及更早版本的浏览器.</p> <div id="pic"></div> </body> </html>
运行结果：