javascript - bodymovin translateZ();

标签 javascript css html after-effects bodymovin

我使用后效创建了以下动画: https://imgur.com/G7bPnNc

After Effects 上有一个按钮,用于设置沿 z 轴的移动: https://imgur.com/a/dq2occo

我相信是这个方法:

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateZ

但是,我生成的 html5 导出仅将我在 After Effects 中设置的不透明度应用到 PNG,而忽略了 translateZ:

https://imgur.com/UjOWpbn

我在找到的以下文档中没有看到任何关于 3d 或翻译 Z 的内容:

https://airbnb.io/lottie/supported-features.html

如何将 translateZ() 添加到导出动画中的 png?

最佳答案

您是否尝试过使用“html”渲染器而不是“svg”?

关于javascript - bodymovin translateZ();,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53973795/

相关文章:

css - 如何使用 CSS 在叠加层中获得 100% 的宽度

css - 是否可以使用 Rem 单位定位所有内容?

html - 常见问题解答的语义 HTML 标记

javascript - 嗨,我有容器,包含许多盒子图像

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

javascript - 为什么 switch 语句不能用于数组?

html - 显示在 div 后面的 Angular Material UI 工具提示

javascript - 替换嵌套括号中的内容

php - 通过ajax发布值时更新表字段时出错

Javascript:帮助用 innerHTML 的 '<div>' 替换 '<br>'!