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

A component library that can achieve magic effects

@-webkit-keyframes _rainy-flash_1dkxs_1{48%{background-color:#607d8b}50%{background-color:#fff}55%{background-color:#607d8b}57%{background-color:#fff}}@keyframes _rainy-flash_1dkxs_1{48%{background-color:#607d8b}50%{background-color:#fff}55%{background-color:#607d8b}57%{background-color:#fff}}@-webkit-keyframes _fall_1dkxs_1{10%{opacity:.8}50%{opacity:1;transform:translate(-10px,30px)}to{transform:translate(-25px,70px)}}@keyframes _fall_1dkxs_1{10%{opacity:.8}50%{opacity:1;transform:translate(-10px,30px)}to{transform:translate(-25px,70px)}}._rainy_1dkxs_27 li{position:absolute;width:2px;height:7px;list-style:none;background-color:#eee;border-radius:10%;opacity:0;transform:rotate(25deg);-webkit-animation:_fall_1dkxs_1 3s infinite linear;animation:_fall_1dkxs_1 3s infinite linear}._rainy_1dkxs_27 li:nth-child(1){top:10%;left:95%}._rainy_1dkxs_27 li:nth-child(2){top:5%;left:83%;-webkit-animation-delay:.3s;animation-delay:.3s}._rainy_1dkxs_27 li:nth-child(3){top:4%;left:87%;-webkit-animation-delay:.6s;animation-delay:.6s}._rainy_1dkxs_27 li:nth-child(4){top:15%;left:70%;-webkit-animation-delay:1s;animation-delay:1s}._rainy_1dkxs_27 li:nth-child(5){top:10%;left:75%}._rainy-cloud_1dkxs_62{position:absolute;top:5%;left:60%;width:60px;height:20px;background-color:#597180;border-radius:10px;box-shadow:1px 1px 30px #4d636f;-webkit-animation:_rainy-flash_1dkxs_1 1.5s infinite linear;animation:_rainy-flash_1dkxs_1 1.5s infinite linear}