Aller au contenu

🎨 Couleurs – TODO

A beautiful web page with smoothly changing background colors to create a calming ambiance.

✅ Core Setup

  • Create index.html with basic HTML structure
  • Create style.css for styling
  • Create script.js for 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

couleurs/
├── index.html
├── style.css
├── script.js
└── TODO.md

🚀 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.)