首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >您可以录制css关键帧动画并另存为gif吗?

您可以录制css关键帧动画并另存为gif吗?
EN

Stack Overflow用户
提问于 2015-01-27 13:18:26
回答 3查看 4.4K关注 0票数 4

有没有人成功地录制过浏览器内的动画?

我的目标是以某种方式将关键帧动画保存或导出为gif,以展示在线投资组合中仅支持图像和文本的有趣项目。

我测试了RecordIt,但它并不完全符合标准。

意识到动画模型可以在After Effects甚至Photoshop中构建。但将它们与实时关键帧进行匹配是相当繁琐的。(但是,如果有人对此有很好的教程...来吧!)

疯狂还是可能?

EN

回答 3

Stack Overflow用户

发布于 2016-10-16 22:51:08

当你要求录制动画时,我假设你已经意识到,到目前为止,你不能简单地从浏览器保存它们。

也就是说,根据你所在的操作系统,你可以使用LICEcap (MS Windows或Apple OSX)、GifCamScreenToGif (仅限MS Windows )、ByzanzPeek (仅限Linux)。

这个过程非常简单,只需很少的简单步骤。有关LICEcap的示例,请参阅VividD answer,这里是StackOverflow上的其他类似问题;原则对于提到的每个其他软件都是相同的。

最后,我想你可能会发现this也很有趣(例子涉及到GifCam +Photoshop的使用)。

票数 1
EN

Stack Overflow用户

发布于 2015-01-27 20:02:28

您可以安装Camtasia并录制gif。然后你可以直接将其制作为gif (我从未尝试过),或者将其制作为视频,然后使用Photoshop将其转换为gif

票数 0
EN

Stack Overflow用户

发布于 2015-01-28 13:49:44

您可以尝试使用github.com/davidderaedt/after2css导出合成内容

AfterEffects CSS动画导出器

此After Effects脚本将合成内容导出为CSS关键帧动画。限制和已知问题

嵌套合成不受支持,应该在导出前转换为关键帧。仅位置、缩放、不透明度和旋转变换动画是转换为转换原点的点,但不能是supported.

  • Expressions supported.
  • Anchor animated.
  • Linear转换为线性,其他
  • 转换为默认缓动。此时不支持三次bezier曲线。保留关键帧是模拟的,应该作为使用顶部/左侧属性的expected.
  • Position动画工作,其中转换可以提供更好的性能
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28163704

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档