Javascript 浏览器性能和使用Bodymovin和CSS动画的问题_Javascript_Animation_Svg_Css Animations_Bodymovin

Javascript 浏览器性能和使用Bodymovin和CSS动画的问题

javascript animation svg

Javascript 浏览器性能和使用Bodymovin和CSS动画的问题,javascript,animation,svg,css-animations,bodymovin,Javascript,Animation,Svg,Css Animations,Bodymovin,我正在构建一个充满SVG插图的网站，其中包含正在使用动画制作的动画组件但背景有时也会设置动画以显示运动（跑步者手臂和腿部移动的SVG和背景SVG从右向左移动以显示进度）我试图将Bodymovin的使用限制在角色的复杂动画中，这样我就可以将CSS transform3d动画用于简单的背景运动，对吗我正在努力使事情动画顺利，同时在每个人的浏览器上都很容易我通常会安装GSAP并用它制作动画，但这意味着为背景添加第二个JS动画库，因为客户端有一个生成Bodymovin动画的设计师欢迎提供任何建

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

但背景有时也会设置动画以显示运动（跑步者手臂和腿部移动的SVG和背景SVG从右向左移动以显示进度）

我试图将Bodymovin的使用限制在角色的复杂动画中，这样我就可以将CSS transform3d动画用于简单的背景运动，对吗

我正在努力使事情动画顺利，同时在每个人的浏览器上都很容易

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

欢迎提供任何建议。多亏了Bodymovin在一个页面上显示了多个动画，所以我最后用CSS动画设置了背景动画，以将浏览器的工作量降到最低

通过设置translate3d动画，css动画也很平滑