欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  程序代码
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8"/>
 
  <title></title>
 
  <style>
 
  body{
 
  background:#000;
 
  }
 
  #xuehua{
 
  position:fixed;
 
  left:0;
 
  top:0;
 
  right:0;
 
  bottom:0;
 
  background:url('images/xuehua.png');
 
  -webkit-animation:xuehua15slinearinfinite;
 
  animation:snow15slinearinfinite;
 
  }
 
  @keyframesxuehua{
 
  0%{
 
  background-position:00,00;
 
  }
 
  100%{
 
  background-position:500px1000px,500px500px;
 
  }
 
  }
 
  @-webkit-keyframesxuehua{
 
  0%{
 
  background-position:00,00;
 
  }
 
  100%{
 
  background-position:500px1000px,500px500px;
 
  }
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <divid="xuehua"></div>
 
  </body>
 
  </html>


GIF.gif



本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r56413.shtml