小人行走的动画案例

最新推荐文章于 2021-03-19 02:31:12 发布

weixin_30502157

最新推荐文章于 2021-03-19 02:31:12 发布

阅读量653

点赞数

文章标签： c/c++ javascript ViewUI

原文链接：http://www.cnblogs.com/shangjun6/p/10703954.html

版权

　　小人行走动画的案例：

　　<!DOCTYPE html>
　　<html>
　　　　<head>
　　　　　　<meta charset="UTF-8">
　　　　　　<title></title>
　　　　　　<style>
　　　　　　　　*{
　　　　　　　　　　margin:0;
　　　　　　　　　　padding:0;
　　　　　　　　}
　　　　　　　　.div{
　　　　　　　　　　width:200px;
　　　　　　　　　　height:180px;
　　　　　　　　　　position:absolute;
　　　　　　　　　　top:100px;
　　　　　　　　　　left:100px;
　　　　　　　　　　background:url(01.png) no-repeat; /* 背景图片自己找 */
　　　　　　　　　　animation:name 1.8s steps(8) infinite;　　　　　　　　　/*　steps(8)　　意思是播放速度逐帧播放在css animation中有介绍 */
　　　　　　　　}
　　　　　　　　@-webkit-keyframes name{
　　　　　　　　　　from{background-position-x:0px;}
　　　　　　　　　　to{background-position-x:-1600px;}
　　　　　　　　}
　　　　　　</style>
　　　　</head>
　　　　<body>
　　　　　　<div class="div"></div>
　　　　</body>
　　</html>

　　这是我找的图片找类似这样的此图是我在梦幻西游中找的

转载于:https://www.cnblogs.com/shangjun6/p/10703954.html

weixin_30502157

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
小人行走的动画案例

　　小人行走动画的案例：　　<!DOCTYPE html>　　<html> 　　　　<head> 　　　　　　<meta charset="UTF-8"> 　　　　　　<title></title> 　　　　　　<style> 　　　　　　　　*{ 　　　　　　　　　　margin:0; ...
复制链接

扫一扫