cambiar tamaños de imagenes con animation

[fernandooj]

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:

#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