带动画的HTML按钮

Question

我正在尝试创建几个具有4-5帧动画的按钮，而不是使用典型的CSS方法（其中1个图像具有两种状态，而CSS在顶部和底部之间切换），我很好奇如果有人知道如何用4-5帧而不是2来做到这一点。显然，单靠CSS无法实现这一点 - 但是找到这方面的任何信息都成为一个真正的挑战。因为图像具有单独的动画，所以我不能简单地使用不透明度淡入新图像，它必须包含所有4-5。任何帮助将不胜感激！

扎克

Answer 1

在没有JavaScript的情况下我能想到的唯一方法是为悬停状态加载背景图像的动画GIF。否则，您必须使用类似jQuery的内容来设置background-position属性的动画。

Answer 2

查看k10k并查看顶部的按钮是如何完成的：动画png和GIF动画;）

Answer 3

为此你需要使用动画GIF。如果你没有;没有安装动画GIF创建工具，要么使用Photoshop，这可能是大规模的过度杀伤，要么使用免费工具，如GIFted motion

Answer 4

非常传统的皱眉是可以做到的......

- 将它们作为flash对象进行动画处理。导出xml / flash并将其嵌入到htm

中