pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://github.com/you-dont-need/You-Dont-Need-JavaScript/pull/1000

rossorigen="anonymous" media="all" rel="stylesheet" href="https://github.githubassets.com/assets/github-8ecc5798f0584cac.css" /> feat: add Animated Weather Widget with pure CSS animations by dinilH · Pull Request #1000 · you-dont-need/You-Dont-Need-JavaScript · GitHub
Skip to content

Comments

feat: add Animated Weather Widget with pure CSS animations#1000

Open
dinilH wants to merge 2 commits intoyou-dont-need:masterfrom
dinilH:feature/animated-weather-widget
Open

feat: add Animated Weather Widget with pure CSS animations#1000
dinilH wants to merge 2 commits intoyou-dont-need:masterfrom
dinilH:feature/animated-weather-widget

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

pFad - Phonifier reborn

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.





Check this box to remove all script contents from the fetched content.



Check this box to remove all images from the fetched content.


Check this box to remove all CSS styles from the fetched content.


Check this box to keep images inefficiently compressed and original size.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy