浏览器性能问题以及使用Bodymovin和CSS动画

问题描述 投票:0回答:1

我正在建立一个充满SVG插图的网站,其中包含使用Bodymovin动画制作的动画组件。

但背景也有时会动画显示运动(一个跑步者SVG,他的手臂和腿移动,背景SVG从右向左移动显示进展)。

我是否正确尝试将Bodymovin限制为角色的复杂动画,以便我可以使用CSS transform3d动画进行简单的背景动作?

我想让每个人的浏览器都能轻松制作动画!

我通常会安装GSAP并使用它制作动画,但这意味着为背景添加第二个JS动画库,因为客户端有一个设计师生成Bodymovin动画。

任何的建议都受欢迎。谢谢

javascript animation svg css-animations bodymovin
1个回答
0
投票

Bodymovin似乎与页面上的多个动画相关,因此我最终使用CSS动画为背景设置动画,以将浏览器的工作量降至最低。

通过动画translate3d,css动画也很流畅。

© www.soinside.com 2019 - 2024. All rights reserved.