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

标签 css html flash animation

我需要从旧网站重新制作 Flash 动画。这是 Flash 动画:

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

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

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

是否有一些新的 HTML5 方法可以复制这些图层效果,或者 CSS 图层是否是最舒适的方式?

非常感谢!

最佳答案

仅使用 html 和 css 从头开始​​重新创建 Flash 文件似乎并不困难(只要您拥有原始资源)。但是,如果您想要一种快速简单的方法,您可以尝试使用 Google 的 Swiffy 进行转换。https://www.google.com/doubleclick/studio/swiffy/ .. 您可以上传 .swf 文件并看到它转换得很好.. 至少领先一步。

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

布莱恩

关于css - 在 html5/CSS 中重新创建 Flash 层动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19705212/

相关文章:

CSS混合静态和动态高度

html - Twitter Bootstrap V 3.0 动态居中导航

html - 如何将 li 内 anchor 标记的宽度增加到 li 宽度

html - html中SWF文件的高度和宽度

javascript - 我如何在 Javascript 和 Flex 之间进行通信?

javascript - 动态宽度的 Div 大小调整为 float 顶部的 div 的动态数量

jquery - 使用 jQuery 淡入背景图像

html - 在没有高度属性的元素中使用 100% 高度

html - 在页面中居中导航列表

actionscript-3 - Flash 播放头转到错误的场景,没有可解释的原因