애니메이션 성능 관련 질문드립니다.
범한
2023.04.01
div style=position:absolute; left: 0/div
위 div를 왼쪽에서 오른쪽으로 300px 움직이는 애니메이션을 구현한다고 가정했을때어떻게 작성하는 것이 가장 좋은방법이 될까요?(브라우저는 크롬 한정입니다)
1. jquery로 구현, animate를 이용, left값 변화2. jquery로 구현, transform 지원하는 플러그인 이용, translate값 변화3. css3로 구현, transition을 이용4. css3로 구현, animation을 이용
아니면 어떤 방법을 사용해도 성능은 똑같은 건가요?
-
뽀대미녀
크롬이면 css3 animation이 제일 좋습니다
transition 보다는 translate 이용한 애니메이션이 더 부드럽구요