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