BLOG ARTICLE opacity | 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 으로 애니메이션 모두 바꾸고 났더니 모바일에서도 아주 부드럽게 애니메이션된다. 굿!!!


YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST