hola compañeros mi pregunta es la siguiente:
quiero que al cargar mi pagina web una imagen aumente de 0px a 300px, y con un delay de 5 segundos, el problema es:
- con el siguiente codigo la imagen tiene un width de 300px y a los 5 segundos realiza la animacion: pasa de 300px a 0px y luego a 300px
- si le agrego el width:0px la imagen esta pequeña, a los 5 segundos hace la animacion y apenas termina vuelve a width:0
- lo que necesito es que tenga width:0 y a los cinco segundos haga la animacion y se quede con su width:300px
Código CSS:
Ver original#primer_imagen
{
width:0px ;
animation:priimagen 3s;
-webkit-animation:priimagen ;
animation-delay:5s;
-webkit-animation-delay:5s;
}
@keyframes priimagen
{
from { width:0px;}
to {width:300px}
espero haberme explicado de la mejor forma, agradecido profundamente por su respuesta.
gracias