```html
body {
backgroundcolor: black;
color: white;
fontfamily: Arial, sansserif;

textalign: center;
padding: 50px;
}
.star {
position: absolute;
backgroundcolor: white;
width: 2px;
height: 2px;
borderradius: 50%;
animation: twinkle 1s infinite;
}
@keyframes twinkle {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
for (let i = 0; i < 100; i ) {
const star = document.createElement('div');
star.className = 'star';
star.style.left = Math.random() * 100 'vw';
star.style.top = Math.random() * 100 'vh';
star.style.animationDelay = Math.random() * 5 's';
document.body.appendChild(star);
}
```
这是一个简单的HTML页面,展示了一个充满闪烁星星的夜空。代码通过创建多个具有闪烁动画效果的小圆点来模拟星星,它们随机分布在页面上,通过动画产生闪烁的效果。在浏览器中打开该HTML文件,就能够欣赏到简单编程星空的美妙效果。
版权声明
本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。