.btn_animated{
width: 18%;
}
.btn_animated:focus{
-webkit-animation: jello-horizontal 0.5s both;
animation: jello-horizontal 0.5s both;
}
@-webkit-keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
<form action="accion.php" method="post">
<input type="text" name="pass" >
<input type="submit" value="Enviarlo" class="btn_animated">
</form>
Hola, este es mi archivo.html lo que quiero es que si pulso enter (submit) en el input de texto el boton "Enviarlo" haga la misma animacion como si le hubiera hecho clic en el
en resumen: necesito que tanto como al pulsar enter en el input o al pulsar el boton haga la misma animacion el boton