*{ margin: 0; padding: 0; } html{ height: 100%; } body{ height: 100%; background: radial-gradient(#33383f, rgb(42, 47, 53)); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; display: flex; justify-content: center; align-items: center; } form{ height: 575px; width: 500px; padding: 40px; border-radius: 8px; background-color: #222831; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.404); display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } h1{ color: white; font-family: Tahoma, sans-serif; font-size: 38px; background-image: linear-gradient(to right, rgb(162, 0, 255), rgb(74, 15, 236)); background-size: 100% 4px; background-position: bottom; background-repeat: no-repeat; line-height: 60px; } .inputs_container{ display: flex; flex-direction: column; align-items: center; justify-content: center; } input{ height: 64px; width: 240px; margin: 15px; padding: 0px 25px; border-radius: 10px; border: none; background-color: #373e49; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.212); color: white; font-size: 20px; transition: 0.2s; } input:hover{ background-color: #47505f; } input:focus{ background-color: #47505f; outline: none; width: 265px; } input::placeholder{ color: rgb(159, 161, 190); } button{ height: 64px; width: 140px; border-radius: 1000px; border: none; color: white; font-family: sans-serif; font-size: 22px; background: linear-gradient(to right, rgb(162, 0, 255), rgb(74, 15, 236)); transition: 0.2s; } button:hover{ width: 200px; } button:focus{ outline: none; width: 200px; } @media(max-width: 650px){ form{ height: 100%; width: 100%; justify-content: center; } .inputs_container{ margin: 80px; } h1{ font-size: 32px; } }

Das einzig schlechte (für mich) war die Musik - hab ich einfach ausgeblendet. Aber alles andere war top: kein unnötiges Geschwafel, immer im Blick was welcher Befehl macht und nachdem ich geschaut habe, was auf deinem Kanal noch los ist habe ich mal ein (verdientes) Abo gesetzt.

klare weiterempfehlung, lerne echt viel von dir!

Registrieren Account Erstellen Erstellen

echt toll und lobenswert!!!

Gutes Video! Weshalb jedoch bricht bei 4:30 min der Ton komplett weg? Kamen da noch Erklärungen?

Super Video. Hat es aber nur bei mir ab Minute 4 ca, wo es um den Focus ging, keinen Ton? 😅

Great Tutorial, thank you!

Sehr cooles Video

kein Sound mehr ab 4:30?

Nices Video, könntest du die Codes auch in die Kommentare posten? Wäre echt hilfreich

Weiß jemand wenn ich eine sql datenbank habe wie ich dass so verbinden kann das die daten die du eingegeben hast sich automatisch in der daten bank speichert ps super video

Moin grüß dich, ich feier deine Videos! Jedoch kriege ich dieses Formular nicht Responsive... man kann immer etwas runter und nach rechts scrollen. Habe sogar deinen Code in den Kommentaren kopiert um evtl. Fehler zu korregieren, jedoch ohne erfolg.

Wo bekommt man tolle Kontakt Formulare hier betrifft das eher die Grafik. Meine Frau will kein 0815 Kontaktformular.

ja, aber, wie wird versendet? woher weiss das Formular, an welche Adresse gesendet werden soll .... das ist mir immer noch ein Rätsel ...