BLOG ARTICLE TRANSITION | 1 ARTICLE FOUND

  1. 2014.01.14 CSS animation 과 GPU

http://css-tricks.com/myth-busting-css-animations-vs-javascript/


나도 웹 애니메이션 쓸때, javascript 로 해야할지 css animation 으로 해야할지 고민 많이 하다가, 사용하기 쉽고 퍼포먼스도 좋다길래(자동으로 gpu 쓴다길래) css animation 을 썼다.


근데 모바일 기기에서 확인해보면 아무래도 버벅이는게, 이게 과연 gpu 를 썼다 할 수 있나 의심했더랬다.


오늘 알고보니, css animation 중에서 GPU 를 사용하는 것은 opacity 랑 transform 밖에 없다고 ㅠㅠ

height, width 뭐 이런거 animation 값으로 쓰면 이건 cpu 에서 처리한다. 당연 버벅일 수밖에.


transform 으로 애니메이션 모두 바꾸고 났더니 모바일에서도 아주 부드럽게 애니메이션된다. 굿!!!


저작자 표시 비영리 변경 금지
신고