mot de passe

Ouvrir dans l'éditeur Publiez votre code

Recommandé

30 March 2025

Montres connectées de luxe redéfinissant l'élégance et la technologie

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 ytr3d3

Le safari de microinteraction

Montres connectées de luxe redéfinissant l'élégance et la technologie

HTML

CSS

JS

Recommandé

Un code par ytr3d3

Le safari de microinteraction

Montres connectées de luxe redéfinissant l'élégance et la technologie

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS