jQuery+CSS3星云密布旋转背景动画特效

  • 内容
  • 相关

jQuery+CSS3星云密布旋转背景动画特效

一款好看的jQuery+CSS3绘制星云密布旋转背景动画特效,天空中星星聚集旋转动画场景。

js代码

<script src="js/jquery.min.js"></script>
<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>
下载地址:https://demo.lanrenzhijia.com/demo/87/8721/jQuery+CSS3%E6%98%9F%E4%BA%91%E5%AF%86%E5%B8%83%E6%97%8B%E8%BD%AC%E8%83%8C%E6%99%AF%E5%8A%A8%E7%94%BB%E7%89%B9%E6%95%88.zip

评论后还是无法显示下载地址?清理缓存-点我试试
热度:1193° 评分:8.7 发布时间: 2019年7月7日

本文标签:

版权声明:若无特殊注明,本文皆为《小洋vier》原创,转载请保留文章出处。

本文链接:jQuery+CSS3星云密布旋转背景动画特效 - https://www.wuiso.com/post-3219.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注