按下动画html5按钮

Question

我想知道是否有一种方法可以在按钮被按下(而不是滚动)时使用HTML5/javascript来使其具有动画效果？

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

我的灵感来自于？新的超级马里奥兄弟游戏中的积木。

Answer 1

你要找的东西是由CSS3创建的，而不是HTML5。

这里有一篇博客文章，链接到10个不同的教程，教你如何用CSS3：http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials制作各种很酷的按钮。

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

希望这篇文章能帮你入门。