湛蓝深海321打法

来源:https://www.wohpc.com/js/4758.html 2019-09-19 11:47浏览(28) 收藏

jQuery+css3制作一款美轮美奂的星空背景动画特效,星云密布旋转背景动画效果。
jQuery+css3星空背景动画特效
分类:css3 > transform 难易:初级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 1 下载资源 下载积分: 20 积分

澳门澳博集团8448网址

<script>
$(document).ready(function(){
  var stars=800;  /*星星的密集程度,数字越大越多*/
  var $stars=$(".stars");
  var r=800;   /*星星的看起来的距离,值越大越远,可自行调制到自己满意的样子*/
  for(var i=0;i<stars;i++){
    var $star=$("<div/>").addClass("star");
    $stars.append($star);
  }
  $(".star").each(function(){
    var cur=$(this);
    var s=0.2+(Math.random()*1);
    var curR=r+(Math.random()*300);
    cur.css({ 
      transformOrigin:"0 0 "+curR+"px",
      transform:" translate3d(0,0,-"+curR+"px) rotateY("+(Math.random()*360)+"deg) rotateX("+(Math.random()*-50)+"deg) scale("+s+","+s+")"
       
    })
  })
})
</script>
标签: 星星星空星云
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

1 2