업데이트 이후 매우 느린 웹킷 애니메이션

Question

크롬과 사파리의 최신 버전에서 완전히 사용할 수없는 슬라이더가 있습니다. 이전 버전에서도 괜찮습니다. 그것을 개발하는 동안 나는 크롬, 파이어 폭스와 IE를 테스트했다. 그들은 모두 잘 돌아갔다. (나이가 들수록 약간의 스타일 문제는 제외되었지만 애니메이션은 괜찮았다.) 여기 http://www.thetrainingconcept.co.uk/error.htm

그것의

최소한의 테스트 케이스 자바 스크립트, 아니 JS 오류가없는, 내가 전혀 밖으로이 하나를 알아낼 수 없습니다 http://assets.thetrainingconcept.co.uk/www/js/plugins/jquery.feature-slide.js?v=1.0.0

여기에서 찾을 수 있습니다 나는 그것을 프로파일과 외모가 승인. 프로필 테스트를 위해 간단한 테스트 케이스를 만들려고했지만 정확한 동작을 얻었습니다.

나는 누군가가 무엇이 잘못되었는지에 대해 약간의 아이디어가 있기를 바랍니다.

편집 : 나는 또한 내가 높고 낮은 검색 한주의 것은 도움이되었습니다 어느 것도 문제 다 "크롬 느린 애니메이션"을 참조하십시오. 크롬과 사파리에 영향을주는 최신 업데이트가있을 때까지는 이것이 절대적으로 효과가있었습니다. 사용중인 크롬 버전은 버전 23.0.1271.97 m입니다. 이전 버전 인 경우 제대로 표시 될 수 있습니다.

Answer 1

알아 냈습니다. 제 의견으로는 대답이 명확하지 않습니다. 누군가 다른 사람에게 있다면 제게 설명해 주시겠습니까?

따라서 animate.css는 -webkit-backface-visibility:hidden;을 body 태그에 적용합니다. 웬일인지, 이것은 자바 스크립트 애니메이션에 끔찍한 모든 문제를 야기했다. 다행히도 그 라이브러리의 3D 애니메이션을 사용하지 않으므로이를 제거하고 문제를 해결할 수 있습니다.

이제 webkit의 버그인지 animate.css의 버그인지 잘 모르겠습니다. 웹킷에 문제가 있다는 생각이 들지만 왜 그 속성이 속도 저하를 야기하는지 이해하지 못합니다. 그것은 아무도 CSS를 애니메이션 않았다.

http://daneden.me/animate/ - CSS의 애니메이션 라이브러리 http://css-tricks.com/almanac/properties/b/backface-visibility/ -이면에는 가시성 속성