Rainy Clouds CSS Art 🌧️

#frontendchallenge #devchallenge #css #animation

This is a submission for Frontend Challenge v24.07.24, CSS Art: Recreation.

Inspiration

The inspiration to create rainy clouds comes from the wonderful monsoon season we're experiencing right now. I'm totally obsessed with rains and clouds these days, to the point that I've even got cloud designs on my nails!💅😝
This seasonal obsession makes me want to capture the beauty of rainy clouds in an animation so we can all enjoy.🌧️

Demo

Journey

I visualized the elements of rainy skies, focusing on cloud shapes, movements, and raindrops. I used HTML, CSS, and JavaScript to create and animate these elements and tweaked animations and ensured natural flow for clouds and rain.

I want to explore creating animations for other weather conditions, like sunny skies or thunderstorms.

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site