@source-bug/magic-design-react/dist/lib/Nighty.module.css

A component library that can achieve magic effects

@-webkit-keyframes _meteor_w4lpv_1{10%{opacity:1}80%{top:75%;left:10%;opacity:0}}@keyframes _meteor_w4lpv_1{10%{opacity:1}80%{top:75%;left:10%;opacity:0}}._night_w4lpv_11 li{position:absolute;width:3px;height:3px;list-style:none;background-color:#fff;border-radius:100%;transform:rotate(45deg)}._night_w4lpv_11 li:nth-child(1){top:30%;left:65%}._night_w4lpv_11 li:nth-child(2){top:35%;left:53%}._night_w4lpv_11 li:nth-child(3){top:20%;left:75%;width:2px;height:2px;opacity:0;-webkit-animation:_meteor_w4lpv_1 1.5s infinite linear;animation:_meteor_w4lpv_1 1.5s infinite linear;-webkit-animation-delay:.6s;animation-delay:.6s}._night_w4lpv_11 li:nth-child(4){top:5%;left:50%}._night_w4lpv_11 li:nth-child(5){top:20%;left:55%;width:1px;height:15px;opacity:0;-webkit-animation:_meteor_w4lpv_1 1.5s infinite linear;animation:_meteor_w4lpv_1 1.5s infinite linear}._moon_w4lpv_50{position:absolute;top:-10%;left:65%;width:70px;height:70px;background:rgb(255,241,118);border-radius:100%;box-shadow:1px 1px 30px #e0e0e0}._spot1_w4lpv_61{position:absolute;top:0%;left:85%;width:10px;height:10px;background-color:#777;border-radius:100%}._spot2_w4lpv_71{position:absolute;top:30%;left:75%;width:5px;height:5px;background-color:#777;border-radius:100%}