@source-bug/magic-design-react/dist/es/Weather.module.css

A component library that can achieve magic effects

._weather-container_r2qa2_1{position:relative;z-index:1;width:150px;height:150px;border-radius:40%;transition:background-color var(--animate-duration) ease,box-shadow var(--animate-duration) ease}._weather-sunny_r2qa2_10{background:linear-gradient(to top right,rgba(255,87,34,0),rgb(251,140,0));background-color:#ff5722;box-shadow:1px 1px 30px #ff6e00}._weather-cloudy_r2qa2_16{background:linear-gradient(to top right,rgba(63,81,181,0),rgb(3,155,229) 40%);background-color:#3f51b5;box-shadow:1px 1px 30px #0277bd}._weather-rainy_r2qa2_22{background:#91cb56 linear-gradient(to top right,rgba(145,203,86,0),#43c1d4 50%);background-color:#91cb56;box-shadow:1px 1px 30px #43c0d4}._weather-snowy_r2qa2_28{background:linear-gradient(to top right,rgba(117,117,117,0),rgb(33,33,33) 90%);background-color:#757575;box-shadow:1px 1px 30px #212121}._weather-nighty_r2qa2_34{background:linear-gradient(to bottom right,rgba(63,81,181,0),rgb(171,71,188) 70%);background-color:#3f51b5;box-shadow:1px 1px 30px #512da8}