按下时的动画 html5 按钮
我想知道是否有一种方法可以使用 HTML5/javascript 在按下（而不是滚动）按钮时为按钮设置动画？
我想创建一个近乎卡通化的按钮，按下时会膨胀一点并闪闪发光。我知道这听起来有点华而不实，但我认为最终结果看起来比听起来更好。
我的灵感是？新的超级马里奥兄弟游戏中的方块。
I'm wondering if there is a way I can animate a button when it is pressed (NOT rolled over) using HTML5/javascript?
I want to create an almost cartoonish button that expands a little when pressed and sparkles. I know that sounds kinda gawdy but I think the final result would look better than it sounds.
My inspiration is the ? blocks in the new Super Mario Brothers games.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您正在寻找的是由 CSS3 创建的，而不是 HTML5。
这是一篇博客文章，其中包含有关使用 CSS3 制作各种炫酷按钮的 10 个不同教程的链接： http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials。
许多按钮在使用 :hover 选择器滚动时会展开并填充。如果您希望在按下时应用样式，只需替换 :active 选择器即可。
希望这能让你开始。
What you are looking for is created by CSS3, not HTML5.
Here's a blog post with links to ten different tutorials on making all sorts of cool buttons with CSS3: http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials.
Many of the buttons expand and stuff when rolled over by using the :hover selector. If you want a style to be applied when pressed, just substitute the :active selector instead.
Hope this gets you started.