Passwort

Im Editor öffnen Veröffentlichen Sie Ihren Code

Empfohlen

21 December 2024

Fehler beim Zurückschicken des Passworts

22 January 2025

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

Passwort

Empfohlen

Login Passwort

Fehler beim Zurückschicken des Passworts

Login Passwort einfach

HTML

CSS

JS

Empfohlen

Login Passwort

Fehler beim Zurückschicken des Passworts

Login Passwort einfach

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS