Css 如何使按钮的大小（125%）增加几毫秒，然后在单击时返回原始大小？

这可能是一个css3转换的东西，但我对css了解不够，无法创建它。我主要想做的是使一个按钮的大小（原来大小的125%）增加几毫秒，然后在页面转到下一页之前恢复到原来的大小。css/css3/transitions是否可以实现这一点？如果可以，将如何实现

---

谢谢大家!

Mozilla开发者网络有着巨大的潜力。我建议您仔细阅读一些示例和源代码，看看这是否有助于您了解您正在尝试做什么

---

至于动画长度的计时-您应该能够轻松地从上面的链接调整“过渡计时效果采样器”，并尝试不同的计时，直到您获得所需的效果。

使您的按钮成为

CSS:
。按钮{
背景色：黑色；
边框：1px纯黑；
颜色：白色；
显示：内联块；
填充物：5px；
}
.按钮：激活{
外形：10px纯黑；
}

HTML:
按我
​
对于这种快速效果，不需要过渡，只需更改元素的大小即可

几毫秒不足以使效果可见。任何小于20毫秒的内容都不可见，因为屏幕更新速度不够快，无法显示。大约需要100毫秒，它才能看起来像一个故意的效果，而不仅仅是一个小故障

例如：

$('input[type=button]').click(function(){
  var e = $(this);
  e.addClass('grown');
  window.setTimeout(function(){
    e.removeClass('grown');
  }, 100);
});

演示：
为什么要在不知不觉中增加尺寸？它们可能是实现您想要做的事情的更好方法。增加一个按钮可能会造成对齐问题。你可以用jQuery设置边框颜色的动画，既可爱又简单。你说的“几毫秒”是指很短但仍然明显的时间吗？两毫秒对人眼来说是看不见的。是的，我希望它是明显的，但是非常快——几毫秒。谢谢你的帮助@持久性-在您的最终用户看来，400ms以下的任何东西都可能更像是一个闪烁的bug，而不是一个特性。