Building performant expand & collapse animations | Blog | Chrome for Developers

TL;DR Use scale transforms when animating clips. You can prevent the children from being stretched and skewed during the animation by counter-scaling them. Previously we’ve posted updates on how to create performant parallax effects and infinite scrollers. In this post, we’re going to look over what’s involved if you want performant clip animations. If you want to see a demo, check out the Sample

[efcl]

スムーズなメニューアニメーション

[hc0001]

展開メニュー などのアニメーションのパフォーマンス