首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有动画的HTML按钮

带有动画的HTML按钮
EN

Stack Overflow用户
提问于 2011-01-26 06:18:30
回答 4查看 84关注 0票数 0

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

扎克

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-01-26 06:26:52

看看k10k,看看顶部的按钮是怎么做的:动画png和动画gif ;)

票数 1
EN

Stack Overflow用户

发布于 2011-01-26 06:21:41

我能想到的唯一没有JavaScript的方法就是在悬停状态下为背景图像加载一个动画GIF。否则,您将不得不使用诸如jQuery之类的东西来为background-position属性设置动画效果。

票数 1
EN

Stack Overflow用户

发布于 2011-01-26 06:27:56

为此,您需要使用动画GIF。如果你没有安装动画GIF创建工具,要么使用Photoshop,这可能太夸张了,要么使用像GIFted motion这样的免费工具

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4799494

复制
相关文章

相似问题

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