Archiv-Modus von Basti1012 Lösungspage

Moin, auch wenn es sich nicht zu 100 % um PHP dreht, denke ich, dass hier einige Leute mit Erfahrung in diesem Bereich sind smile.png Nun, ich habe ein Formular erstellt und würde gerne dieses per animierten Button, über POST weitergeben. Jetzt habe ich dass Problem, dass mir die Animation nicht angezeigt wird, warum auch immer ... Ich hoffe einer von Euch kann mir bei diesem kleinen Problem weiterhelfen:

Code

                                    
                                <html>
    <head>
      <style>
        @charset=utf-8;
 
hr
    {
    width: 100%;
    float: left;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
    }
 
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
 
#std_box
    {
    margin: auto;
    width: 60%;
    padding: 10px;
    }
 
#bild
    {
    margin: auto;
    width: 60%;
    padding: 10px;
    }
 
#anmeldung
    {
    text-align: center;
    margin: auto;
    width: 60%;
    padding: 10px;
    }
button{
  border:none;
      width:150px; 
  height:20px;
}
button a{
    color: black;
    font-size:14px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    text-shadow:1px 1px 1px green;
    transition: all 0.75s ease 0s;
}
button a:hover{
    color: black;
    font-size:14px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
}
button:hover{
  background:#005BAA;
   transition: all 1s ease;
    width:200px;
    height:50px;
}
button:hover{
   animation:los 1s linear  forwards 0.1s;

}

@keyframes los{
  0%{
    transform: translateX(0%) translateY(0%) rotate(0deg);
  }
  100%{
    background:green;
transform: translateX(0%) translateY(0%) rotate(360deg);

  }
}
      </style>
    </head>
    <body>
        <div id="std_box">
            <div id="bild">
              
            </div><hr><br>
            <div id="anmeldung">
                <form action="datenbank.php" method="post">
                    <input placeholder="Benutzername" type="text" name="user"><br> 
                    <input placeholder="Passwort" type="password" name="pw"><br><br>    
                  <button type="submit" value="Login" ><a href="" class="animated">klick mich</a></button> 
             </form>
            </div>
        </div>
    </body>
</html>

basti1012.bplaced.net

Hilfe zu PHP HTML Formular gesucht

Code