CSS3 simulasi kesan 3D bandar malam berjalan animasi kesan khas

<kepala>
<meta charset="utf-8">
<tajuk>css3模拟3D效果城市夜间行走动画特效</title>

<gaya>
badan {
  jawatan: saudara;
  lebar: 100vw;
  ketinggian: 100vh;
  paparan: flex;
  justify-content: pusat;
  align-item: tengah;
  latar belakang: radial-gradient(bulatan di tengah, #1f1925, #2c2334);
  limpahan: tersembunyi;
}
badan:sebelum, badan:selepas {
  kandungan: '';
  jawatan: mutlak;
  lebar: 200%;
  ketinggian: 50%;
  kiri: -50%;
  atas: calc(50% + 10px);
  latar belakang: #644350;
}
badan:selepas {
  indeks-z: -1;
  ketinggian: calc(50% + 500px);
  atas: -250px;
  latar belakang: kecerunan linear(ke atas, #1f1925, rgba(255, 255, 255, 0)), kecerunan jejari(bulatan di tengah, #fcb3a4, #fcb3a4 1px, rgba(255, 255, 255, 0) 1px , rgba(255, 255, 255, 0) 20px), kecerunan jejari(bulatan di tengah, #fcb3a4, #fcb3a4 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 02) ) 20px);
  saiz latar belakang: 100%, 100px 100px, 100px 100px;
  kedudukan latar belakang: 50%, 40px 40px, 0px 90px;
  kelegapan: 0.75;
  transform-style: preserve-3d;
  animasi: starwipe 10s linear infinite;
}

这是一款很酷炫的纯css3实现的模拟3D效果城市夜间行走动画特效，css3立体建效果城市夜间行走动画特效，css3立体建效答