WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
12221
DeveloperUI
Apri nell'Editor
Video
Pubblica il Tuo Codice
18
Consigliato
28 January 2025
PULSANTE
27 February 2026
Minecraft
5 December 2024
Un codice di JEBJEB
HTML
Copy
Free Login HTML Page Temlate
Login
Forget Password
Signup
CSS
Copy
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Quicksand", sans-serif; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #111; width: 100%; overflow: hidden; } .ring { position: relative; width: 450px; height: 450px; display: flex; justify-content: center; align-items: center; } .ring i { position: absolute; inset: 0; border: 2px solid #fff; transition: 0.5s; } .ring i:nth-child(1) { border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; animation: animate 6s linear infinite; } .ring i:nth-child(2) { border-radius: 41% 44% 56% 59%/38% 62% 63% 37%; animation: animate 4s linear infinite; } .ring i:nth-child(3) { border-radius: 41% 44% 56% 59%/38% 62% 63% 37%; animation: animate2 10s linear infinite; } .ring:hover i { border: 6px solid var(--clr); filter: drop-shadow(0 0 20px var(--clr)); } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animate2 { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .login { position: absolute; width: 300px; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; } .login h2 { font-size: 2em; color: #fff; } .login .inputBx { position: relative; width: 100%; } .login .inputBx input { position: relative; width: 100%; padding: 12px 20px; background: transparent; border: 2px solid #fff; border-radius: 15px; font-size: 1.2em; color: #fff; box-shadow: none; outline: none; } .login .inputBx input[type="submit"] { width: 100%; background: #0078ff; background: linear-gradient(45deg, #ff357a, #fff172); border: none; cursor: pointer; } .login .inputBx input::placeholder { color: rgba(255, 255, 255, 0.75); } .login .links { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } .login .links a { color: #fff; text-decoration: none; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */