mot de passe

1,552 mambetov1237.b

Ouvrir dans l'éditeur Publiez votre code

Recommandé

12 December 2025

Démo de jeu de combat Ragdoll (HTML, CSS, JS)

26 April 2025

Un code par shasshan7236

27 November 2024

Site Web de portfolio terminé

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;
}