Hola pzin
Mira como tengo ya el .css:
Código CSS:
Ver original#dialogo_1{
width: 200px;
height: 180px;
background-image: url(../images/dialogo_1.png);
background-repeat: no-repeat;
position: absolute;
margin-left: 540px;
margin-top: 50px;
-webkit-animation: dialogo_1 4s;
animation: dialogo_1 4s;
}
#boton_avanzar{
width: 170px;
height: 172px;
background-image: url(../images/boton_avanzar.png);
background-repeat: no-repeat;
-webkit-animation: boton_avanzar 4s;
animation: boton_avanzar 4s;
-webkit-animation-delay: 1s;
}
@-webkit-keyframes dialogo_1{
from {
width: 0px;
height: 0px;
background-image: url(../images/dialogo_1.png);
background-repeat:no-repeat;
margin-top: 50px;
margin-left : 540px;
opacity: 0;
}
to {
background-image: url(../images/dialogo_1.png);
background-repeat:no-repeat;
margin-top: 50px;
margin-left: 540px;
opacity: 1;
}
}
@-webkit-keyframes boton_avanzar{
from {
margin-top: -750px;
margin-left: 300px;
opacity: 0;
}
to {
margin-top: -350px;
margin-left: 300px;
opacity: 1;
}
}
En la animación de "boton_avanzar" se anima pero cuando llega a la posición x,y se desaparece y yo deseo que se quede en la posición:
margin-top: -350px;
margin-left: 300px;
Gracias por tu ayuda