css3 остановка анимации webkit на div: hover

Я пытаюсь сделать анимацию с webkit-animation и @ -webkit-keyframes. У меня есть анимированный div с дочерним div внутри.

И я бы остановил webkit-анимацию родительского элемента, когда моя мышь находится над дочерним элементом.

Есть примеры?

Спасибо