Как сделать анимацию css3 без остановки?

Question

[Alex Ivanov]

Доброе времени суток!
Анимация на СSS3, никогда не работал с ней, но вот пришлось!!!)))
Нужно сделать вот такую красоту, но не могу понять почему, линия внутри останавливаться..
А должна подниматься вниз - вверх без остановки...

<div class="cr">
	<div class="line"></div>
</div>

.cr {
    height: 50px;
    width: 25px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 auto;
    padding: 5px;
}
.line {
    height: 20px;
    width: 2px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 auto;
    animation: identifier .3s;
}

@keyframes identifier {
    from {
        transform: translateY(0);}
    to { transform: translateY(15px);}
}

Подскажите пожалуйста, что не так!

Answer 1

[Анатолий]

Необходимо использовать infinite для бесконечного проигрывания.
клик

P.S.: вторая ссылка в гугле.

Comments

[Alex Ivanov]

понял чего не хватало, спасибо!!!