本文介绍了几种常见的动画效果实现方式，包括CSS3动画、JS模拟动画、requestAnimationFrame(rAF)动画及SVG动画。针对不同的需求场景给出了适用的技术选择建议。
动画效果实现方式如下几种：CSS3动画，JS模拟动画，rAF动画、svg。
CSS3动画：
scale, transform,rotate,animation,transition.
JS模拟：
（jQuery）$(…).animate()、$(…).show()、setInterval、setTimeout
rAF( requestAnimationFrame) ：
优化后的setInterval和setTimeout
SVG:
优缺点对比：
总结: 如果比较复杂的用svg,如果强调性能不考虑兼容性用css3,如果考虑兼容性，比较简单的用js模拟动画，顺便考虑下rAF是否支持，如果支持就优化。
React Native 学习之动画
最新推荐文章于 2024-05-25 18:44:30 发布
扫一扫
8475
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
