基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码

开通VIP,畅享全站资源免费下载!

【摘要】 一、源码简介:这是基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码,小编个人觉得挺好看的,配色简单,效果确很邻人印象深刻,改造一下,引入自己网站作为...

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

一、源码简介:

这是基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码,小编个人觉得挺好看的,配色简单,效果确很邻人印象深刻,改造一下,引入自己网站作为背景还是不错的哦!

二、使用方法:

<div class="stars"></div>

<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>
版权声明:《 基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码 》为作者优选资源网原创文章,转载请注明原文地址!
最后编辑:2020-2-26 16:02:23
分享到:
赞(0)
发表评论 / Comment

用心评论~