mot de passe

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

26 May 2025

Formulaire de connexion des pirates

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

mot de passe

Recommandé

Un code par codex

Un code de Metehan

Formulaire de connexion des pirates

HTML

CSS

JS

Recommandé

Un code par codex

Un code de Metehan

Formulaire de connexion des pirates

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS