CSS3 애니메이션 및 모바일 최고 성능

Question

나는 앱을 제작하고 있으며 하드웨어 가속 애니메이션에 가장 적합하다는 것을 깨달았습니다.

내가 어떤 작품의 jQuery 애니메이션이 향상된 사용하고 싶어하지만 난 하드웨어 가속의 전체 아이디어에 대한 더 나은 이해를 원하는 느낌 :

jQuery를 사용하여 예를 들어 왼쪽/상단 위치를 사용하여 사업부를 이동, 그것을 것입니다 transform: translate3d(0, 0, 0);을 추가하면 하드웨어가 자동으로 가속됩니까?

이 하드웨어가 가속화됩니까? 애니메이션 키 프레임은 어떻습니까? 하드웨어 가속화를 위해 애니메이션에 변형을 추가해야합니까?

Answer 1

Paul Irish wrote 큰 문제에 대한 심층적 인 분석.

일반적으로 3D 변환은 GPU를 트리거합니다. 그렇지 않으면 큰 문제가 아니며 여전히 작동합니다. 왼쪽/위쪽 좌표로 변환을 사용하면 대개 성능 측면에서 더 좋습니다. 그래도 애니메이션 키 프레임 부분에 대해서는 잘 모르겠습니다.