From de19d0cb9226c07a540a1b34819549cf1e12af95 Mon Sep 17 00:00:00 2001 From: M_Viper Date: Sun, 26 Feb 2023 02:43:29 +0100 Subject: [PATCH] =?UTF-8?q?Dateien=20hochladen=20nach=20=E2=80=9E=E2=80=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 31 ++++++++ login.PNG | Bin 0 -> 18205 bytes style.css | 220 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 251 insertions(+) create mode 100644 index.html create mode 100644 login.PNG create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..bf2a9b2 --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + Loging + + + +
+ +
+

Login

+
+ + Benutzername + +
+
+ + Passwort + +
+
+ Passwort Vergessen + Registrieren +
+ +
+
+ + \ No newline at end of file diff --git a/login.PNG b/login.PNG new file mode 100644 index 0000000000000000000000000000000000000000..c078b8d1b8d57c02a00836974b6938c60e9310d0 GIT binary patch literal 18205 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 Hp1=7&wQg|` literal 0 HcmV?d00001 diff --git a/style.css b/style.css new file mode 100644 index 0000000..c9eaa3d --- /dev/null +++ b/style.css @@ -0,0 +1,220 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); +* +{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +body +{ + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #23242a; +} +.box +{ + position: relative; + width: 380px; + height: 420px; + background: #1c1c1c; + border-radius: 8px; + overflow: hidden; +} +.box::before +{ + content: ''; + position: absolute; + top: -50%; + left: -50%; + width: 380px; + height: 420px; + background: linear-gradient(0deg,transparent,transparent, #45f3ff,#45f3ff,#45f3ff); + z-index: 1; + transform-origin: bottom right; + animation: animate 6s linear infinite; +} +.box::after +{ + content: ''; + position: absolute; + top: -50%; + left: -50%; + width: 380px; + height: 420px; + background: linear-gradient(0deg,transparent,transparent, #45f3ff,#45f3ff,#45f3ff); + z-index: 1; + transform-origin: bottom right; + animation: animate 6s linear infinite; + animation-delay: -3s; +} +.borderLine +{ + position: absolute; + top: 0; + inset: 0; +} +.borderLine::before +{ + content: ''; + position: absolute; + top: -50%; + left: -50%; + width: 380px; + height: 420px; + background: linear-gradient(0deg,transparent,transparent, #ff2770,#ff2770,#ff2770); + z-index: 1; + transform-origin: bottom right; + animation: animate 6s linear infinite; + animation-delay: -1.5s; +} +.borderLine::after +{ + content: ''; + position: absolute; + top: -50%; + left: -50%; + width: 380px; + height: 420px; + background: linear-gradient(0deg,transparent,transparent, #ff2770,#ff2770,#ff2770); + z-index: 1; + transform-origin: bottom right; + animation: animate 6s linear infinite; + animation-delay: -4.5s; +} +@keyframes animate +{ + 0% + { + transform: rotate(0deg); + } + 100% + { + transform: rotate(360deg); + } +} +.box form +{ + position: absolute; + inset: 4px; + background: #222; + padding: 50px 40px; + border-radius: 8px; + z-index: 2; + display: flex; + flex-direction: column; +} +.box form h2 +{ + color: #fff; + font-weight: 500; + text-align: center; + letter-spacing: 0.1em; +} +.box form .inputBox +{ + position: relative; + width: 300px; + margin-top: 35px; +} +.box form .inputBox input +{ + position: relative; + width: 100%; + padding: 20px 10px 10px; + background: transparent; + outline: none; + border: none; + box-shadow: none; + color: #23242a; + font-size: 1em; + letter-spacing: 0.05em; + transition: 0.5s; + z-index: 10; +} +.box form .inputBox span +{ + position: absolute; + left: 0; + padding: 20px 10px 10px; + pointer-events: none; + color: #8f8f8f; + font-size: 1em; + letter-spacing: 0.05em; + transition: 0.5s; +} +.box form .inputBox input:valid ~ span, +.box form .inputBox input:focus ~ span +{ + color: #fff; + font-size: 0.75em; + transform: translateY(-34px); +} +.box form .inputBox input:valid ~ span, +.box form .inputBox input:focus ~ span +{ + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background: #fff; + border-radius: 4px; + overflow: hidden; + transition: 0.5s; + pointer-events: none; +} +.box form .inputBox i +{ + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background: #fff; + border-radius: 4px; + overflow: hidden; + transition: 0.5s; + pointer-events: none; +} +.box form .inputBox input:valid ~ i, +.box form .inputBox input:focus ~ i +{ + height: 44px; +} +.box form .links +{ + display: flex; + justify-content: space-between; +} +.box form .links a +{ + margin: 10px 0; + font-size: 0.75em; + color: #8f8f8f; + text-decoration: none; +} +.box form .links a:hover, +.box form .links a:nth-child(2) +{ + color:#fff; +} +.box form input[type="submit"] +{ + border: none; + outline: none; + padding: 9px 25px; + background: #fff; + cursor: pointer; + font-size: 0.9em; + border-radius: 4px; + font-weight: 600; + width: 100px; + margin-top: 10px; +} +.box form input[type="submit"]:active +{ + opacity: 0.8; +} \ No newline at end of file