您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > css样式 >

    简单的HTML5网页Div动画,左右移动动画

    时间:2014-03-20 08:38 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
    • 简单的HTML5网页Div动画,左右移动动画,没有使用JS之类的,完全是HTML5和CSS3实现的简单动画,或许对学习HTML5网页制作有一定参考作用。
    • <!DOCTYPE html>
      <html>
      <head>
      <title>简单的HTML5网页Div动画,左右移动动画</title>
      <style type="text/css">
      @-webkit-keyframes 'fkf'
      {
          from {width:500px;
          height: 500px;
          background-color:#ff0000;
          }
          to{
          width:500px;
          height: 500px;
          background-color: #00ff00;
          margin-left: 800px;
          }
      }
      .table1 {
          width: 500px;
          height: 500px;
          -webkit-animation-name: 'fkf';
          -webkit-animation-duration: 5s;
          -webkit-animation-iteration-count:10000;
      }
      </style>
      </head>
      <body>
      <div class="table1"></div>
      </body>
      </html>
    简单的HTML5网页Div动画,左右移动动画由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/csstx/7004.html
    标签:网站源码