Skip to content

Conversation

@dinilH
Copy link

@dinilH dinilH commented Oct 31, 2025

🌤️ Animated Weather Widget - Pure CSS

This PR adds a fully interactive, beautifully animated weather widget created entirely with HTML and CSS - no JavaScript required!

✨ Features

Weather Modes:

  • Sunny Mode - Animated sun with rotating rays and pulsing glow effect
  • Cloudy Mode - Three floating clouds with smooth, staggered animations
  • Rainy Mode - Realistic falling raindrops with gradient effects
  • Snowy Mode - Gently falling and rotating snowflakes
  • Night Mode - Glowing moon with craters and twinkling stars

Technical Highlights:

  • Fully Responsive - Works perfectly on all devices
  • Smooth Transitions - Beautiful color transitions between weather states
  • Zero JavaScript - Uses CSS :checked pseudo-class for state management
  • Accessible - Keyboard navigable with proper labels
  • Well Documented - Comprehensive README with customization guide

🛠️ Implementation Details

Files Added:

@aayush105
Copy link
Member

@dinilH

can you provide me the output video of your project?

@dinilH
Copy link
Author

dinilH commented Nov 1, 2025

CSS.weather.app.mp4

@aayush105
Copy link
Member

@dinilH

in your commit you have removed the netflix clone file can you check it and fix it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants