WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Formulaire de connexion HTML turc
957
mohkerrouche9
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
19 March 2025
Animation d'ombre de texte
10 September 2024
Formulaire de connexion Panda
20 April 2025
salle de sport
HTML
Copy
3D kevakıb Giriş Formu
Giriş Yap
E-posta
Şifre
Gönder
CSS
Copy
body { margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #1f1c2c, #928dab); font-family: 'Segoe UI', sans-serif; } .container { perspective: 1000px; } .form-box { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); border-radius: 20px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.4); width: 320px; padding: 30px; transform-style: preserve-3d; transition: transform 0.6s ease; } .form-box:hover { transform: rotateY(10deg) rotateX(10deg) scale(1.03); } h2 { text-align: center; color: white; margin-bottom: 20px; } .input-group { margin-bottom: 20px; display: flex; flex-direction: column; } label { color: #eee; margin-bottom: 5px; } input { padding: 10px; border: none; border-radius: 8px; font-size: 16px; outline: none; background: rgba(255, 255, 255, 0.2); color: #fff; transition: background 0.3s ease; } input:focus { background: rgba(255, 255, 255, 0.4); } button { width: 100%; padding: 12px; border: none; border-radius: 8px; background: #00bcd4; color: white; font-size: 16px; cursor: pointer; transition: background 0.3s ease; } button:hover { background: #0097a7; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */