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

一款好看的jQuery+CSS3绘制星云密布旋转背景动画特效,天空中星星聚集旋转动画场景。
<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>热点素材
- 2,0241
- 1,99512
- 1,9690
- 1,8443
- 1,7741





