🎨 Couleurs – TODO¶
A beautiful web page with smoothly changing background colors to create a calming ambiance.
✅ Core Setup¶
- Create
index.htmlwith basic HTML structure - Create
style.cssfor styling - Create
script.jsfor color animation logic
🎯 Features¶
Color Animation¶
- Implement smooth color transitions (CSS transitions or JS animations)
- Define a beautiful color palette (warm/cool tones, gradients)
- Add multiple animation modes:
- Slow gradient shifts (calm ambiance)
- Pulsing/breathing effect
- Random gentle color changes
Customization¶
- Add speed control (slow / medium / fast)
- Add color theme presets (sunset, ocean, forest, night, etc.)
- Option to toggle animation on/off
Polish & UX¶
- Add a subtle title or minimalist text overlay
- Ensure smooth FPS and performance
- Make it responsive (mobile-friendly)
- Add a subtle particle or star effect (optional)
📁 File Structure¶
🚀 Future Ideas¶
- Sync color changes to music / audio
- Add a "focus mode" with timer
- Allow user to create and save custom palettes
- Add ambient sound toggle (rain, ocean, etc.)