最近 做了 一个动画H5 里面用了特别多的css动画 和 img标签
提问 有六七十个img标签还有好多的gif图 和 大量的css动画
在低端的安卓机下会卡顿 请问 是因为图片太多的原因吗?和大量的css动画 有关吗???急急急!!!
最近 做了 一个动画H5 里面用了特别多的css动画 和 img标签
提问 有六七十个img标签还有好多的gif图 和 大量的css动画
在低端的安卓机下会卡顿 请问 是因为图片太多的原因吗?和大量的css动画 有关吗???急急急!!!
2 回答904 阅读✓ 已解决
3 回答775 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答871 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
5 回答5.5k 阅读
1 回答6.4k 阅读
2 回答3.4k 阅读
2 回答2.3k 阅读✓ 已解决
3 回答3.1k 阅读
1、不清楚你的场景,一般来说,一个手机屏幕里面能够容纳的内容有限,所以你应该要考虑当元素出现在视窗之内的时候,再触发元素的动画;
2、另外一个点就是,尽量使用 css3 动画,位移优先使用
transform
属性,同时开启 GPU 加速transform: translateZ(0)
3、当你的 DOM 层级很多的时候,尽量把需要做动画的 DOM 至于最顶层,这样可以减少 GPU 隐式合层
4、给容器顶层加上
backface-visibility: hidden