shuliping
/
work-doc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
      #css3animationforbg {
        background: url(https://img.mukewang.com/6239d52509d39ace51200144.jpg) repeat-x center 0;
        height: 400px;
        width: 500px;
        clear: both;
        animation: animatedBackground 160s linear infinite;
        -o-animation: animatedBackground 160s linear infinite;
        -ms-animation: animatedBackground 160s linear infinite;
        -moz-animation: animatedBackground 160s linear infinite;
        -webkit-animation: animatedBackground 160s linear infinite;
      }

      @keyframes animatedBackground {
        from {
          background-position: 0 0;
        }

        to {
          background-position: -3168px 0;
        }
      }

      @-webkit-keyframes animatedBackground {
        from {
          background-position: 0 0;
        }

        to {
          background-position: -3168px 0;
        }
      }

      @-ms-keyframes animatedBackground {
        from {
          background-position: 0 0;
        }

        to {
          background-position: -3168px 0;
        }
      }

      @-moz-keyframes animatedBackground {
        from {
          background-position: 0 0;
        }

        to {
          background-position: -3168px 0;
        }
    </style>

  </head>
  <body>
<div id="css3animationforbg"></div>
  </body>
</html>