Звезды, метеорит html css javascript
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body, html {
height: 100%;
background: black;
overflow: hidden;
}
.sky {
position: relative;
width: 100%;
height: 100%;
}
.stars {
width: 100%;
height: 100%;
background: transparent;
overflow: hidden;
}
.star {
position: absolute;
background-color: rgb(33, 73, 215);
border-radius: 50%;
opacity: 0;
background:linear-gradient(54deg ,pink 1%,gold 1% ,red 1%,rgb(33, 73, 215));
box-shadow: 2px 2px 55px #a6adde;
animation: blink 2s infinite ease-in-out;
}
.meteor {
position: absolute;
top: -10%;
left: 0;
width: 100px;
height: 2px;
background:linear-gradient(5deg ,pink 1%,gold 1% ,red 58%);
box-shadow: -22px -2px 59px 9px #fff;
opacity: 0;
border-radius: 25px;
animation: meteor-move 5s linear infinite;
}