CSS Pixel Art Weather & Sky — Sun, Moon, Rain & Aurora with Code

Try them live — All 10 weather & sky sprites are available on CSSKit where you can customize colors and speed. Source code on GitHub. See also Environment & Nature, Dragons. The pixel world needs a sky! Weather and sky sprites are the celestial layer — sun, moon, clouds, rain, snow, lightning, rainbows, stars, wind, and aurora borealis. All built with the same box-shadow technique on a single <div>. Sky Animation Patterns Weather sprites use a mix of animation t...