Hi,欢迎您光临源码铺,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!
首页 > 特效代码 > 正文
有奖投稿

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

【摘要】 一、源码简介:这是基于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星云密布旋转背景动画特效.zip
  • 大小:34KB
  • 类型:HTML
  • 价格:免费
  • VIP价格:免费
  • 下载权限:注册会员及以上
免费下载
在线预览
版权声明:《 基于jQuery+CSS3实现的晚霞星云密布旋转背景动画特效代码 》为作者源码铺原创文章,转载请注明原文地址!
最后编辑:2021-9-20 07:09:44