【摘要】 一、源码简介:这是基于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> 










