WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code par Liamgilles76
634
Liamgilles76
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
12 April 2025
Un code par fadlanbryan22
23 August 2025
Soirée Parallax en Cappadoce HTML/CSS
2 June 2025
Un code par sam_64
HTML
Copy
Andev web
andev web
Se connecter
Souvenir de cette appareil
Mot de passe oublié?
CSS
Copy
*{ font-family: 'Poppins', sans-serif; } body{ background-image: url("https://static.vecteezy.com/ti/vecteur-libre/p1/1953845-retro-futurisme-style-avec-fond-espace-violet-vectoriel.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .box{ display: flex; justify-content: center; align-items: center; min-height: 90vh; } .container{ width: 350px; display: flex; flex-direction: column; padding: 0 15px 0 15px; } span{ color: #fff; font-size: small; display: flex; justify-content: center; padding: 10px 0 15px 0; } header{ color: #fff; font-size: 30px; display: flex; justify-content: center; padding: 0 0 15px 0; } .input-field{ display: flex; flex-direction: column; margin-bottom: 15px; } .input-field .input{ height: 45px; width: 87%; border: none; outline: none; border-radius: 30px; color: #fff; padding: 0 0 0 42px; background: rgba(255,255,255,0.1); } i{ position: relative; top: -31px; left: 17px; color: #fff; } ::-webkit-input-placeholder{ color: #fff; } .submit{ border: none; border-radius: 30px; font-size: 15px; height: 45px; outline: none; width: 100%; background: rgba(255,255,255,0.7); cursor: pointer; transition: .3s; } .submit:hover{ box-shadow: 1px 5px 7px 1px rgba(0, 0, 0, 0.2); } .bottom{ display: flex; flex-direction: row; justify-content: space-between; font-size: small; color: #fff; margin-top: 10px; } .left{ display: flex; } label a{ color: #fff; text-decoration: none; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */