Animation im Login Form

  • Hallo zusammen,

    ich bin derzeit dabei ein Loginform zusammen zu basteln.


    Die Loginform den ich erstellt habe, funktioniert schon, soll jetzt aber noch mit Animationen verschönert werden.

    Dazu habe ich dieses Beispiel gefunden: https://colorlib.com/wp/template/login-form-v2/ und versucht, die Animationen für "Klick ins Feld und Text geht nach oben", "Klick ins Feld und Farbbalken kommt", "Hover über Submit Button und color Animation, error Message bei Falscheingabe und die Funktion für das Auge um das Passwort angezeigt zu bekommen, zu übernehmen.

    Allerdings ist dort mit so viel zusätzlichen Dingen gearbeitet worden, bzw. alles so verschachtelt, dass ich dort nicht draus schlau werde, wo jetzt wie, was passiert.


    Kennt sich jemand mit solchen Animationen aus und kann dahin gehend Abhilfe schaffen, oder kennt jemand ein einfacheres Template, an dem ich arbeiten und lernen kann?


    Mein Loginform: https://1drv.ms/u/s!Aq2D9Z-Zax2Mgtc6d8h_FFU-CFivlQ

    Oder only als Code: