Jquery/CSS animation performance

Question

CSS 애니메이션 제작을위한 jquery에 관한 질문이 있습니다.

방금 ​​css로 dom 요소를 그리는 jquery 플러그인을 완성했습니다. jquery 변경 및 CSS 변수를 만들 때 사용하고 있습니다. 방금 내 코드를 내 휴대폰에서 테스트했으며 매우 고르지 않은 것으로 보입니다. 내가 읽은 CSS 3 애니메이션은 jquery가 아닌 동안 하드웨어 가속입니다.

그래서 ... jquery 하드웨어로 만든 런타임 CSS 속성이 가속됩니까?

http://andehlu.github.io/sensuJS/ 당신을 감사에 내 코드를 참조하십시오 전이 시간 0.3S

$(blades).css({'width':'5px'}); to animate 

를 사용하여 블레이드에 CSS 속성을 적용하는 예를 들어

.

Answer 1

예 : width 또는 top을 다른 DOM 요소에 어떤 영향을 주는지 변경하는 대신 애니메이션 속도를 높이려면 DOM 요소 구조 (예 : CSS 트러스폼 또는 불투명도)에 영향을 미치지 않는 이러한 유형의 전환/애니메이션을 권장하고 예 CSS 애니메이션 JS보다 빠릅니다.

더 많은 정보 당신은 더 나은 * 가속 * 공연 HERE 및

HERE