html - 按下动画 html5 按钮

Question

我想知道是否有一种方法可以在使用 HTML5/javascript 按下（不翻转）按钮时为按钮设置动画？

我想创建一个几乎卡通化的按钮，按下时会稍微扩展并闪闪发光。我知道这听起来有点俗气，但我认为最终结果会比听起来更好。

我的灵感是？新的超级马里奥兄弟游戏中的块。

Answer 1

您正在寻找的内容是由 CSS3 创建的，而不是 HTML5。

这是一篇博客文章，其中包含十个关于使用 CSS3 制作各种酷按钮的不同教程的链接：http: //www.catswhocode.com/blog/top-10-css3-buttons-tutorials。

许多按钮在使用 :hover 选择器滚动时展开和填充。如果您想在按下时应用样式，只需替换 :active 选择器。

希望这能让你开始。