注意当男人按下大部分按钮时，按钮会快速变为较浅的自然色，然后快速淡化为正常颜色，同时它的边框会动画出来，就像有另一个元素一样只是按钮后面的边框，宽度和高度增加并逐渐淡出。
我一直试图创建这个按钮效果一段时间了......我有点傻..所以我想知道是否可以用jQuery和/或CSS完成，或者是否有人看过它在互联网上的某个地方做过或有一个例子？
当他输入一个新的球员名字，在那个屏幕上观看时会发生这种效果。
答案 0 :(得分：1)
我认为这种动画对于css来说有点复杂，你可能需要jquery动画功能。我会这样做，放置一个容器div（在视频中有边框），每个按钮都有display：none和绝对位置（所以当我们调整其他元素的大小时不会生效），当点击按钮时显示带有{的容器div {1}}然后将div的高度和宽度设置为按钮的高度和宽度值，然后.fadeIn然后.animate容器div。在执行此操作时，使用.fadeout函数来更改按钮的颜色，并使用回调函数将其更改为正常颜色，并在动画完成时使容器div的宽度和高度比按钮大一点。
你可以用很多方式做到这一点，因为这是一个动画，我就是这样做的。
答案 1 :(得分：1)
[编辑]我很好奇，看看我是否可以在css中获得某种扩展边界，所以我将其添加到小提琴中
Draconis的答案很好，jquery动画适用于较旧的浏览器，但css过渡会更顺畅，所以如果你的目标是现代的safari，firefox和chrome，它们的效果很好。下面是动画按钮的一个小例子（这是悬停，而不是点击）
当然，两者的混合可能是最佳答案，使用类似Modernizr的内容来区分浏览器是否可以支持css转换，如果不能，则可以回退到javascript。