Smooth as Butter: Achieving 60 FPS Animations with CSS3

Animating elements in your mobile applications is easy. Animating elements in your mobile applications properly may be easy, too… if you follow our tips here. While everyone is using CSS3 animations in mobile these days, many are not doing it properly. There are best practices to take into account that are constantly and considerably disregarded. This happens mainly because there are still people

[umai_bow]

基本的だけどわかりやすく書かれてる

[tyru]

position > transform > translateZ(), translate3d(), will-change を使って GPU レンダリングをする、の順で段々と CSS ツールバーアニメーションをスムースにしていく記事

[efcl]

CSSアニメーションの60FPS出すまでをステップバイステップで見ていく話。 スライドメニューを、position、transform、will-change、クラスの付け外しでそれぞれFPSにどのような変化があるかを見る