CSS3如何实现雪花飘落的效果

2024-01-17 15:41 小编
 程序代码
 
  
 
  
 
  <!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>


Tag: 如何 效果
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码