.content {
/*это чтобы нижний фон не перекрывал контент*/
position: relative;
z-index: 999;
}
body {
/*главный фон*/
background: url(https://beon.vip/uploads_image/a5/13/a5130d3b637a3f740db7a25dea584726.png) fixed;
background-color: #060403;
animation: cos 130s infinite linear; /*название и время анимации в секундах*/
background-position: 1920px 1200px; /*полный размер картинки в пикселах*/
}
@keyframes cos {
0%{background-position: 0 0;}
}
body:after,body:before {
content: 'stars';
font-size: 0px;
top: 0px;
left: 0px;
position: fixed;
width: 100%;
height: 100%;
}
body:before {
/*второй фон*/
background: url(https://beon.vip/uploads_image/2b/e4/2be4ac75eec2729fbeed9d42a334f263.png) fixed;
opacity: 0.4; /*прозрачность для того чтоб он не перекрывал первый*/
animation: cos2 190s infinite linear; /*название и время анимации в секундах*/
background-position: 1024px 1024px; /*полный размер картинки в пикселах*/
}
@keyframes cos2 {
0%{background-position: 0 0;}
}
body:after {
/*третий фон с звездой*/
background: url(https://beon.vip/uploads_image/b0/88/b08836679eadadc773f49f048a4cb9fa.png) fixed;
animation: cos3 250s infinite linear; /*название и время анимации в секундах*/
background-position: -1920px -1200px; /*полный размер картинки в пикселах*/
}
@keyframes cos3 {
0%{background-position: 0 0;}
}