Animasi angkasawan kesan khas CSS3

Ini adalah pelaksanaan css3 tulen bagi kesan animasi jatuh angkasawan di angkasa

<gaya>
*{
jidar: 0;
pelapik: 0;
}
badan{
warna latar belakang: #102037;
limpahan: tersembunyi;
}
@-webkit-keyframes salji {
0% { kelegapan: 0; -webkit-transform: translateY(0px); 20%{ kelegapan: 1;}
100% { kelegapan: 1; -webkit-transform: translateY(650px); }
@keyframes salji {
0% { kelegapan: 0; -webkit-transform: translateY(0px); 20%{ kelegapan: 1;}
100% { kelegapan: 1; -webkit-transform: translateY(650px); }
@-webkit-keyframes angkasawan{
0%{
-webkit-transform: rotate(0deg);
​ ​ ​ transform: putar(0deg);
}
100%{
-webkit-transform: rotate(360deg);
​ ​ ​ transform: putar(360deg);
}
}
.kotak-bintang1,
.kotak-bintang2,
.kotak-bintang3,
.box-of-star4{
lebar: 100%;
Jawatan: mutlak;
indeks z: 10;
kiri: 0;
-webkit-transform: translateY(650px);
​ ​ transform: translateY(650px);
}
.kotak-bintang1{
-webkit-animasi: salji 5s linear tak terhingga;
}
.kotak-bintang2{
-webkit-animasi: salji 5s -1.64s linear tak terhingga;
}
.kotak-bintang3{
-webkit-animasi: salji 5s -2.30s linear tak terhingga;
}
.box-of-star4{
-webkit-animasi: salji 5s -3.30s linear tak terhingga;
}
.bintang{
lebar: 3px;
ketinggian: 3px;
jejari sempadan: 50%;
warna latar belakang: #FFF;
Jawatan: mutlak;
indeks z: 10;
Kelegapan: .7;
}
.star:sebelum{
kandungan: "";
lebar: 6px;
ketinggian: 6px;
jejari sempadan: 50%;
warna latar belakang: #FFF;
Jawatan: mutlak;
indeks z: 10;
atas: 40px;
kiri: 70px;
Kelegapan: .7;
}