WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
lumière changeante
665
mambetov1237.b
Ouvrir dans l'éditeur
Publiez votre code
21 June 2025
Conteneur d'effets de lumière HTML avec CSS
26 October 2024
Bouton interrupteur de lumière sombre.
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="./stil.css" /> </head> <body> <button id="theme-toggle">press me</button> <script src="./script.js"></script> </body> </html><!-- Replace with your HTML Code (Leave empty if not needed) -->
CSS
Copy
body { background-color: white; color: black; transition: background-color 0.3s ease, color 0.3s ease; display: flex; align-items: center; justify-content: center; margin: 250px; } body.dark-mode { background-color: blue; color: white; }<!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
const toggleButton = document.getElementById("theme-toggle"); toggleButton.addEventListener("click", () => { document.body.classList.toggle("dark-mode"); });/* Replace with your JS Code (Leave empty if not needed) */
