WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code par Liamgilles76
881
Liamgilles76
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
23 May 2025
Un code de Skyrreum
5 May 2025
Un code par page de destination
23 April 2025
Un code de Metehan
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) */