Через CSS зациклить смену контрастности div блока

[droni4]

Контрастность

Спойлер: HTML

<div class="contrast pic">
  <img src="http://lorempixel.com/output/animals-q-c-300-300-9.jpg" alt="dog">
</div>

Спойлер: CSS

/*CONTRAST*/
.contrast img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.contrast img:hover {
  -webkit-filter: contrast(185%);
}

Теперь вопрос!
Как реализовать постоянный цикл при наведении мышкой на img или div блок
постоянный цикл в данном случае подразумевается постоянная смена контрастности от 0 до 100, от 100 до 0 и так пока пользователь не уберет курсор мышки с блока-картинки.

Тут можно посмотреть в галереи на этот эффект, но тут на флеше

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Вот дяденька очень круто мутит каким то образом постоянный цикл

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[ultra]

наводка Для просмотра ссылки Войди или Зарегистрируйся

 

[marcher145]

Возможно лутче исходить не из цикличности, а от анимации просто прописать ее на долгий период времени, хотя ее вроде можно зациклить

Примерчик
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся2
Для просмотра ссылки Войди или Зарегистрируйся1

 

[Djamal]

такие фишки пока четка поддерживает только chrome , кроссбраузерности только через css (без javascripta) все равно не достичь (по крайней мере на данный момент) !