jQuery+CSS3星云密布旋转背景动画特效
一款好看的jQuery+CSS3绘制星云密布旋转背景动画特效,天空中星星聚集旋转动画场景。
js代码
<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>
下载地址:https://demo.lanrenzhijia.com/demo/87/8721/jQuery+CSS3%E6%98%9F%E4%BA%91%E5%AF%86%E5%B8%83%E6%97%8B%E8%BD%AC%E8%83%8C%E6%99%AF%E5%8A%A8%E7%94%BB%E7%89%B9%E6%95%88.zip