글리치가있는 CSS3 스큐 애니메이션 (Chrome에만 해당)

Question

http://codepen.io/anon/pen/KkgeL/을 확인하십시오.

어떻게 애니메이션을 적용 할 때 너무 번쩍입니까? Chrome v.33에 있습니다. Safari와 Firefox의 경우 Firefox에서 완벽하게 작동합니다 (Safari는 Chrome과 동일한 방식으로 작동하지만 [너비]는 높이가 아닙니다).

편집 : 나는 그것을 볼 수없는 사람들을 위해 결함을 설명하려고 할 수 있습니다. 모든 속성을 약간 애니메이션으로 애니메이트하지만, 애니메이션의 마지막 부분에서는 3 div의 너비가 소수의 픽셀에 의해 즉시 바뀌어 매우 바람직하지 않습니다.

Chrome을 사용하고 있어도 결함이없는 사용자는 Chrome 버전에 대해 의견을 말하십시오.

Answer 1

나는 이것에 대해 아직 확신 할 수 없지만, .logo > div의 전환에 지연을 추가했으며 문제가 해결되었지만이 전환을 유지할 수 있는지 여부는 알 수 없습니다. 시도해보고 알려주세요.

-webkit-transition-delay: 1s;.