动画

css动画

js动画


https://www.bilibili.com/video/av6081149/



做动画时速度很快的CSS属性:

CSS transform

CSS opacity

CSS filter (具体要看filter的复杂度)

https://csstriggers.com/



动画中尽量少使用能触发layout和paint的CSS属性,使用更低耗的transform、opacity等属性

尽量减少或者固定层的数量,不要在动画过程中创建层

尽量减少层的更新(paint)次数




js动画:基于时间,不要基于增量

你可能感兴趣的:(动画)