Pues algo así te podría servir:
Código CSS:
Ver originalhr {
margin: 0 auto;
height: 2px;
border: 0;
background: black;
animation: crecer 3s ease-in-out infinite;
}
@keyframes crecer {
from {
width: 0;
}
to {
width: 100%;
}
}
Funcionando:
http://codepen.io/pzin/pen/vCFci
Puedes cambiar
infinite por
forwards si quieres que se anime una sola vez y mantenga los estilos del final de la animación.