zoukankan      html  css  js  c++  java
  • 小人行走的动画案例

      小人行走动画的案例:

      <!DOCTYPE html>
      <html>
        <head>
          <meta charset="UTF-8">
          <title></title>
          <style>
            *{
              margin:0;
              padding:0;
            }
            .div{
              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>

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

      

  • 相关阅读:
    hdu1430 魔板(康拓展开 bfs预处理)
    网络流EdmondsKarp算法模板理解
    poj3020 建信号塔(匈牙利算法 最小覆盖边集)
    bzoj 2465 小球
    bzoj 1822 冷冻波
    bzoj 1040 骑士
    Codeforces Round #460 (Div. 2)
    bzoj 1072 排列perm
    Codeforces Round #459 (Div. 2)
    bzoj 1087 互不侵犯King
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10703954.html
Copyright © 2011-2022 走看看