在 html5 / CSS 中重新创建 Flash 层动画

Question

我需要从旧网站重新创建 Flash 动画。这是 Flash 动画：

http://igz-inno-life.de/content/IGZ_Uebersicht.html

过去我会使用 Javascript 和透明 PNG 在不同的停留图像之间切换，但在 HTML5 时代，我确信有更好的方法来实现这一点。

我已经用 css 图层做了类似的事情 - 但在那个例子中，只需要不同大小的圆圈，这里的图层有点复杂。

是否有一些新的 HTML5 方法可以复制这些图层效果，或者 CSS 图层会是最舒适的方法吗？

非常感谢！

Answer 1

仅使用 html 和 css 从头开始​​重新创建 Flash 文件似乎并不难（只要您拥有原始资源）。但是，如果您想要一种快速简便的方法，您可以尝试使用 Google 的 Swiffy 进行转换。https://www.google.com/doubleclick/studio/swiffy/ ..您可以上传 .swf 文件并查看它是否可以很好地转换它.. 至少是一个良好的开端。

如果您想像 Flash 一样重新创建它，可以查看 Adob​​e 的 Edge Animate (http://html.adobe.com/edge/animate/)。您几乎可以像 Flash 一样构建它。

布赖恩