CSS - css 애니메이션과 js 애니메이션의 차이

css 애니메이션과 js 애니메이션의 차이

- CSS 애니메이션

• 외부 라이브러리 필요 x
• 어떤 요소가 애니메이션을 가져야 한다는 직관적인 표현 가능하기 때문에 애니메이션이 어디서 일어나는지 알아보기 쉬움
• 미디어쿼리를 사용해서 반응형으로 애니메이션 구현 가능
• Main Thread가 아닌 별도의 Compositor Thread에서 그려지기 때문에 JS보다 효율적

- JS 애니메이션

• CSS로 처리하기에는 훨씬 복잡하고 무거운 애니메이션 작업들을 효율적이고, 세밀하게 다루기 위해 사용
• 브라우저 호환성이 좋음
• GPU를 통한 하드웨어 가속을 제어할 수 있음