以下是一個基本的HTML星空特效代碼示例:
<!DOCTYPE html><html>
<head>
<style>
body {
background-color: #000;
overflow: hidden;
}
.star {
position: absolute;
width: 1px;
height: 1px;
background-color: #fff;
}
</style>
</head>
<body>
<script>
function createStars() {
var numStars = 500; // 星星的數量
for (var i = 0; i < numStars; i++) {
var star = 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>
這段代碼使用了CSS動畫和JavaScript來創建星空特效。將上述代碼保存為.html文件并在瀏覽器中打開,您將看到一個具有閃爍星星的星空背景。