hover 움직임 자연스럽게...

안녕하세요! 

CSS 3D에서 배운 카드 뒤집기를 응용하는 중입니다.

위 사진처럼 카드를 일렬로 놓고 마우스가 지나가면

차례로 뒤집히게 만드는게 목표입니다.

hover 적용하고 마우스로 카드를 건드릴 때, 마우스가 카드를 너무 빠르게 지나가면

카드가 뒤집히다 맙니다.

그래서 transition의 속도를 더 빠르게 하니, 마우스가 빠르게 지나가도 뒤집히긴 하지만

어딘가 어색합니다! 

transition의 속도와 상관없이, 그리고 마우스가 빠르게 지나가던 말던, 

움직임이 적용되게 하려면 어떤 부분을 더 학습하면 될까요?