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>

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

      

  • 相关阅读:
    linux centos6.4 php连接sql server2008
    Windows下连接php5.3+sql server2008
    解决:安装SQl 2008为SQL Server代理服务提供的凭据无效
    Linux下查看文件夹或目录大小
    Sql 子查询
    Linux 删除空行
    shell中的IFS详解
    Linux 文件名匹配
    Linux Shell逻辑运算符和表达式详解
    转:shell 经典, shell 十三问
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10703954.html
Copyright © 2011-2022 走看看