我正在建立一个充满SVG插图的网站,其中包含使用Bodymovin动画制作的动画组件。
但背景也有时会动画显示运动(一个跑步者SVG,他的手臂和腿移动,背景SVG从右向左移动显示进展)。
我是否正确尝试将Bodymovin限制为角色的复杂动画,以便我可以使用CSS transform3d动画进行简单的背景动作?
我想让每个人的浏览器都能轻松制作动画!
我通常会安装GSAP并使用它制作动画,但这意味着为背景添加第二个JS动画库,因为客户端有一个设计师生成Bodymovin动画。
任何的建议都受欢迎。谢谢
Bodymovin似乎与页面上的多个动画相关,因此我最终使用CSS动画为背景设置动画,以将浏览器的工作量降至最低。
通过动画translate3d,css动画也很流畅。