我正在构建一个充满SVG插图的网站,这些插图具有用Bodymovin进行动画处理的动画组件。
但是背景有时也会动画显示运动(跑步者SVG的胳膊和腿都在移动,背景SVG从右到左移动以显示进度)。
我想限制将Bodymovin限制在角色的复杂动画中使用,以便可以将CSS transform3d动画用于简单的背景运动吗?
我正在尝试使动画平滑,同时在每个人的浏览器上都变得轻松!
我通常会安装GSAP并为其添加动画,但这将意味着为背景添加第二个JS动画库,因为客户端由设计人员生成了Bodymovin动画。
任何建议都将受到欢迎。谢谢
答案 0 :(得分:0)
Bodymovin似乎在页面上包含多个动画,因此我最终使用CSS动画对背景进行动画处理,以将浏览器的工作量降至最低。
通过对translate3d进行动画处理,css动画也很流畅。