Hilfe zu PHP HTML Formular gesucht
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:
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete 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>