mot de passe

1,688 0 mambetov1237.b Suivre

Remixer Ouvrir dans l'éditeur Plein écran Discuter Publiez votre code

Recommandé

16 January 2026

Lecteur de jeux Flash avec émulateur Ruffle

25 August 2024

Forme de signe en verre

13 June 2025

Interface utilisateur de l'application Réveil et Chronomètre

HTML

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #121212;
  color: #ffff;
}
.container {
  text-align: center;
  background-color: #333;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
  max-width: 400px;
  width: 100%;
}

h1 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
}
input {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #222;
  color: #fff;
}
.Strength-bar-container {
  width: 100%;
  height: 10px;
  background-color: #444;
  border-radius: 5px;
  margin-top: 10px;
}
.Strength-bar {
  height: 100%;
  width: 0;
  border-radius: 5px;
  transition: width 0.3s ease;
}
.strength-message {
  font-weight: bold;
  margin-top: 10px;
}
.strength-weak {
  color: red;
}
.strength-medium {
  color: yellow;
}
.strength-strong {
  color: green;
}
.strength-none {
  color: white;
}

Comments 0

…