html星空特效代码怎么写

lewis 6年前 (2019-02-12) 阅读数 11 #程序编程

文章标签 html

以下是一个基本的HTML星空特效代码示例：

<!DOCTYPEhtml><html>
<head>
<style>
body{
background-color:#000;
overflow:hidden;
}
.star{
position:absolute;
width:1px;
height:1px;
background-color:#fff;
}
</style>
</head>
<body>
<script>
functioncreateStars(){
varnumStars=500;//星星的数量
for(vari=0;i<numStars;i++){
varstar=document.createElement("div");
star.className="star";
star.style.left=Math.random()*100+"%";
star.style.top=Math.random()*100+"%";
star.style.animationDuration=Math.random()*10+5+"s";
star.style.animationDelay=Math.random()*2+"s";
document.body.appendChild(star);
}
}
createStars();
</script>
</body>
</html>